css2014-07-08 00:37:46 2849
CSS3已经出来很久了,相比很多朋友们已经尝试过了。CSS增加了很多东西,能够使我们非常容易的构建我们需要的功能或者特效,比如动画效果。这里,我就抛开兼容性不说了哈,只是说说CSS3中transition属性极其应用。
transiton:比较官方的解释就是允许我们将指定的属性在一段时间内平滑的过渡。下面是它4个比较常用的属性:
1.transition-delay:
过渡变换延迟的时间,单位是s(秒),也就是说如果我们将此属性设为1s(transition-delay:1s),则我们的过渡会延迟一秒进行。
2.transition-property:
过渡的属性,我们通过此属性在指定我们需要进行过渡的属性,默认是所有属性。
3.transition-duration:
过渡持续的时间,单位是s(秒),如果我们将此属性设为1s(transition-duration:1s),则过渡会持续1秒钟介绍。
4.transition-timing-function:
变化率,这个主要是指定我们过渡时的速度的变化率。它的值有:
ease:此属性是默认值,代表过渡逐渐变慢。
linear:匀速变化。
ease-in:加速变化。
ease-out:减少变化。
ease-in-out:先加速然后在减速。
彭亚欧个人博客原创文章,转载请注明出处
文章关键词:CSS3transition CSS3动画
文章固定链接:https://www.pengyaou.com/legendsz/front/codecss/Mg==.html
上一篇 Jquery图片轮滚技术
下一篇 PyoCode主题上线