随笔分类 - HTML5
摘要：基本介绍 动画序列 1、gun是序列名称 2、通过百分比将动画序列分割成多个节点 3、在各节点中分别定义各属性 4、起始位置最好写上起始值 关键属性 参考资料：https://blog.csdn.net/q1056843325/article/details/53308506?locationNum
阅读全文
posted @ 2017-12-21 11:43
var_obj
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> * { padding: 0; margin: 0; } body { text-align: center; ba
阅读全文
posted @ 2017-12-21 11:38
var_obj
摘要：1、立体汉字：旋转点left，attr(data-cont)可获取自定义属性值，skewY（倾斜转换）参考地址 2、旋转导航：先移动后旋转，li标签需要延迟执行旋转 注意：:hover事件触发自己的:afert伪元素事件中间是没有空格的
阅读全文
posted @ 2017-12-21 11:36
var_obj
摘要：立方体：父盒子规定了3d呈现属性，立方体做旋转运动 移动顺序：1、每个盒子都先移动100px，然后再做相应的旋转 2、只有这样立方体的几何中心点与父盒子的几何中心点是一样的
阅读全文
posted @ 2017-12-21 11:18
var_obj
摘要：1、音乐盒子：触碰盒子，盖子会打开 2、百度钱包：触碰钱包，钱包，会180度旋转
阅读全文
posted @ 2017-12-21 10:47
var_obj
摘要：角度旋转 rotateX：默认以center绕x轴旋转 rotateY：默认以center绕y轴旋转 rotateZ：默认以cente绕z轴r旋转 距离位移 translateX：以x轴为基准移动，右为正值 translateY：以y轴为基准移动，上为正值 translateZ：以z轴为基准移动，靠
阅读全文
posted @ 2017-12-21 10:30
var_obj
摘要：:hover事件触发自己的:afert伪元素事件中间是没有空格的
阅读全文
posted @ 2017-12-20 13:04
var_obj
摘要：transform 属性 1、向元素应用 2D 或 3D 转换 2、该属性允许我们对元素进行旋转、缩放、移动或倾斜。 缩放与位移 角度旋转 倾斜 skew(deg, deg)：可以使元素按一定的角度进行倾斜，可为负值，第二个参数不写默认为0
阅读全文
posted @ 2017-12-19 15:39
var_obj
摘要：线性渐变 注意事项： 1、方向默认是从上到下 2、方向也可以是角度 3、方向：to left、to right、to bottom、tot op、45deg 径向渐变 渐变球体
阅读全文
posted @ 2017-12-19 10:53
var_obj
摘要：背景大小 背景裁剪 backgrond-clip：1、border-box 2、padding-box(默认padding) 3、content-box 多背景图片
阅读全文
posted @ 2017-12-19 10:45
var_obj
摘要：CSS3的浏览器私有属性前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分，像border-radius等属性需要加私有前缀才奏效 1、-webkit-：谷歌、苹果 2、-moz-：火狐 3、-ms-：微软 4、-o-：欧朋
阅读全文
posted @ 2017-12-18 14:36
var_obj
摘要：CSS2 1、opacity，可以设置透明度，但是父盒子设置了透明度会影响子盒子 CC3 1、transparent属性，但是不可改变透明值 2、rgba()：r--red g--green b--blue a--alpha透明度 3、hsla()： H: 色调 S：饱和度 L:亮度 A alpha
阅读全文
posted @ 2017-12-18 13:34
var_obj
摘要：复习 div>p: 子代 div+p：div后面相邻的第一个p div~p: div后面所有的兄弟p 属性选择器 标志：[]；区别于id选择器：#，区别于类名选择器：. 特殊符号：^：开头 $：结尾 *：包含 E[title] : 选中页面的E元素，并且E需要带有title属性 E[title="a
阅读全文
posted @ 2017-12-18 13:14
var_obj
摘要：元素获取 1、document.getElementsByClassName ('class') 通过类名获取元素，以类数组形式存在。 2、document.querySelector(‘div’) 通过CSS选择器获取元素，符合匹配条件的第1个元素。 3、document.querySelecto
阅读全文
posted @ 2017-12-15 15:51
var_obj
摘要：<audio> 1、autoplay 自动播放 2、controls 是否显不默认播放控件 3、loop 循环播放 4、preload 预加载 同时设置autoplay时些属性失效 5、由于版权等原因，不同的浏览器可支持播放的格式是不一样的 <video> 1、autoplay 自动播放 2、con
阅读全文
posted @ 2017-12-15 15:35
var_obj
摘要：type类型 表单元素 1、<datalist>数据列表与input标签使用 2、<keygen>生成加密字符串，谷歌没有效果 3、<output>元素用于不同类型的输出，比如计算或脚本输出 4、<meter>表示度量器，不建议用作进度条 5、<progress>进度条 表单属性 autocompl
阅读全文
posted @ 2017-12-15 14:31
var_obj
浙公网安备 33010602011771号