中科白癜风医院善行天下 http://www.bdfyy999.com/Transitiontransition是通过初始和结束两个状态之间的平滑过渡实现简单动画的；过渡transition是一个复合属性，包括transition-property、transition-duration、transition-timing-function、transition-delay这四个子属性。通过这四个子属性的配合来完成一个完整的过渡效果。[注意]IE9-不支持该属性，safari3.1-6、IOS3.2-6.1、android2.1-4.3需要添加-webkit-前缀；而其余高版本浏览器支持标准写法。transition-property:过渡属性(默认值为all)transition-duration:过渡持续时间(默认值为0s)transiton-timing-function:过渡函数(默认值为ease函数)transition-delay:过渡延迟时间(默认值为0s)animationanimation是通过关键帧keyframes来实现更为复杂的动画效果。和transition类似，animation也是一个复合属性，包括animation-name、animation-duration、animation-timing-function、animation-delay、animation-iteration-count、animation-direction、animation-play-state、animation-fill-mode共8个子属性。[注意]IE9-不支持；safari4-8、IOS3.2-8.4、android2.1-4.4.4需要添加-webkit-前缀。animation-name:动画名称(默认值为none)animation-duration:持续时间(默认值为0)animation-timing-function:时间函数(默认值为ease)animation-delay:延迟时间(默认值为0)animation-iteration-count:循环次数(默认值为1)animation-direction:动画方向(默认值为normal)animation-play-state:播放状态(默认值为running)animation-fill-mode:填充模式(默认值为none)区别：1、transition是过渡，是样式值的变化的过程，只有开始和结束；animation其实也叫关键帧，通过和keyframe结合可以设置中间帧的一个状态；2、animation配合keyframe可以不触发时间就触发这个过程，而transition需要通过hover或者js事件来配合触发；3、animation可以设置很多的属性，比如循环次数，动画结束的状态等等，transition只能触发一次；4、animation可以结合keyframe设置每一帧，但是transition只有两帧；全新超实用性的Python零基础入门到就业体验课+视频+源码淘宝￥2购买已下架
转载请注明：http://www.aierlanlan.com/rzgz/6082.html
