transition:过度属性transition-property 规定设置过度效果的css属性的名称,默认可以写alltransition-duration 规定完成过度效果需要多少秒或毫秒transition-timing-function: 默认easetransitio ...
transition:过度属性
transition-property 规定设置过度效果的css属性的名称,默认可以写all
transition-duration 规定完成过度效果需要多少秒或毫秒
transition-timing-function: 默认easetransition-delay:延时时间
- ease:逐渐变慢
- linear:匀速
- ease-in:加速
- ease-out:减速
- ease-in-out:先加速在减速
- cubic-bezier:贝塞尔曲线
transitionend:过度完成事件
1 function addEnd(obj,fn){2 obj.addEventListener('WebkitTransitionEnd',fn,false);3 obj.addEventListener('transitionend',fn,false);4 }5 function removeEnd(obj,fn){6 obj.removeEventListener('WebkitTransitionEnd',fn,false);7 obj.removeEventListener('transitionend',fn,false);8 }
transform:变形
transform的执行顺序:后写的先执行
- transform: scale(2) rotate(50deg); 先执行旋转,在执行缩放
练习:时钟demo
原标题:css变形 transform
关键词:CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。