摘要：动画有兼容性的问题 -webkit- -o- -moz- 动画的复合属性：动画名称 动画时间 动画方式 动画延迟 动画次数 动画方向 animation：a 2s linear 1s infinite alterna； animation-name 检索或设置对象应用的动画 keyframes na 阅读全文

摘要：transform 向元素定义2D或者3D的转换 transform-style:preserve-3d 保留元素的3D转换 当我们进行旋转 一定要使用此属性 translate3D(x,y,z)单位px 定义3D转换 可以是负值 translateX（px）沿着x轴3d转换 左到右 可以是负值 t 阅读全文

摘要：2D转换 rotate 转换 指定一个平面类的旋转 有兼容性 可以在前面加上 -webkit- 谷歌内核 -o- opera 内核 -ms- ie内核 -moz-火狐内核 语法：rotate（deg）正顺时针负数逆时针 transform：translateX(相对单位 单位px em 百分比)水平 阅读全文

摘要：body { perspective: 1000px; /* perspective-origin: 50% 50%; */ } .box { width: 100px; height: 100px; margin: 200px auto; position: relative; transform 阅读全文