分解CSS3中animation、transition、transform的区别用法

原创 chongba8 随笔 前端知识点 314阅读 2017-03-03 11:27:07 举报

transform:用于改变元素的尺寸和位置,包括rotate(),scale()等方法,属于静态属性,加载后就是变形完的形态。
transiton:CSS3提供的简单动画属性,transition:property(all) duration(2s) 时间曲线(ease)延迟(1s);当选择的属性尺寸改变时,就会按我们设置的属性在规定时间内完成动画。
animation:其实是transition的进化版,animation:name duration 速度曲线 延迟 播放次数(infinite);然后通过@keyframes name{ }调用,其可以设置多个时间断点,精确控制动画,比如0%。。。。。 10%。。。。。。

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复