随笔分类 -  CSS

关键帧动画：@keyframes
摘要：关键帧动画：@keyframes： 阅读全文
posted @ 2017-01-06 21:14 看着风跑 阅读(484) 评论(0) 推荐(0)
transtion:过渡动画
摘要：动画分为: 1.css3动画:(动画性能远高于js) 1).过渡动画(transition) 2).关键帧动画(@keyframes,animation) 2.js动画: 过渡动画(transition) 语法: (所有时长单位都是秒） 1.变化属性(transition-property(属性名) 阅读全文
posted @ 2017-01-06 17:47 看着风跑 阅读(1801) 评论(0) 推荐(0)
animate.css（第三方动画使用方法）
摘要：animation 语法: animation: name duration timing-function delay iteration-count direction; animation-name: 规定需要绑定到选择器的 keyframe 名称。。 animation-duration: 阅读全文
posted @ 2017-01-06 15:22 看着风跑 阅读(10938) 评论(1) 推荐(1)
2D、3D形变
摘要：一、2D形变： 形变的属性名:transform 类型: 1.平移(translate) 2.缩放(scale) 3.倾斜(skew) 4.旋转(rotate) demo中需要的图： houRes/bg-grid.jpg： houRes/cardKingClub.png 效果图： 效果图： 效果图： 阅读全文
posted @ 2017-01-05 18:05 看着风跑 阅读(365) 评论(0) 推荐(0)