css3中的新特性经典应用
这篇文章主要分析css3新特性的典型应用,都是干活,没得水分。 1.动画属性:animation。 利用animation可以实现元素的动画效果,他是一个简写属性,用于设置6个动画属性:amination-name(名字)/duration(持续时间)/delay(延迟时间)/timing-function(速度曲线)/iteration-count(播放次数)/direction(是否轮流反向播放动画)。 animation: name duration timing-function delay iteration-count direction; animation-delay - 设置延时,也即从元素加载完成之后到动画序列开始执行的时间。 animation-direction - 设置动画在每次运行完后是反向运行还是重新回到开始位置重复运行。 允许值:normal(正常顺序), alternate, reverse(反向播放), alternate-reverse 默认值:normal normal:动画循环播放时,从结束状态 跳回 到起始状态 浏览器对其他值的支持情况不佳,应该慎用。 animation-duration - 设置动画一个周期的时长。 animation-iteration-count - 设置动画重复次数(可以指定 infinite