transition用法
    transition 指 CSS 中的过渡,它用来让视觉上的变换过程更加平滑,更加自然。transition 允许指定在某个属性发生变化时发生的特效,比如透明度变淡,文字大小变小等等。
    实现transition需要指定的属性和值有以下几个:
    transition-property: 当这个属性的值变化的时候,会发生transition效果
    transition-timing-function:transition效果发生的速度曲线
    transition是CSS3中增加的新特性,它可以用来在不同状态之间做平滑的过渡,使状态之间变化更加自然。transition的语法很简单,就是在给定的元素添加transition属性,然后在这个属性中指定希望过渡的属性、时长、速度等。
transition用法搭配    有了transition,就可以在不同的状态之间创建出自然的视觉效果,比如说,可以在继续和悬停的时候,指定不透明度从1到0,并且随着时间的推移,以曲线的形式实现变化。
    transition还能避免许多常用做法,例如为每次变化写CSS样式改变代码,或者用javascript
实现动画转换效果。用transition实现动画效果更为简单,易于维护,也更加自然,从而带来更好的用户体验。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。