天水网站制作公司详解CSS3新特性之过度特性
时间:2017-07-13 | 来源:士人网络 | 关注: 889 次
属性 | 描述 |
---|---|
transition | 简写属性,用于在一个属性中设置下列四个过渡属性。 |
transition-property | 规定应用过渡的 CSS 属性的名称,如color、width、height、旋转、背景。 |
transition-duration | 定义过渡效果花费的时间。默认是 0,单位是s或ms |
transition-timing-function | 规定过渡效果的时间曲线。默认是 "ease"即规定慢速开始,然后变快,然后慢速结束的过渡效果;linear 规定以相同速度开始至结束的过渡效果;ease-in 规定以慢速开始的过渡效果;ease-out 规定以慢速结束的过渡效果;ease-in-out 规定以慢速开始和结束的过渡效果 |
transition-delay | 规定过渡效果何时开始。默认是 0,单位是s或ms |
这个效果看上去是个动画,之前要实现这样的效果要么用flash做动画,要么用js做。现在就可直接用CSS3 transition过度属性来完成,我们只能向CSS3致敬了!!!
相关热词搜索: CSS3过度,天水网站制作