css3-transition过渡属性

  transition主要是用于一个元素的一种状态到另外一种状态的一个过渡的过程,不可以主动触发,必须依赖于事件,例如hover伪类选择器。css

  一,transition简写spa

    transition:要过渡的属性名称 过渡总时间 过渡模式 要延迟过渡的时间;事件

    1)过渡属性名称 transition-property: 规定设置过渡效果的css属性名称;all表示全部的属性;none表示无属;it

    2)过渡时间 transition-duration: 规定完成过渡效果须要的时间,单位为s/ms。io

    3)过渡模式 transition-timing-function: 规定速度效果的速度曲线。function

      ease:逐渐变慢transition

      linear:匀速im

      ease-in:加速时间

      ease-out:减速伪类

      ease-in-out:加速后减速

    4)过渡延迟时间 transition-delay: 规定过渡效果什么时候开始,单位为s/ms。

相关文章
相关标签/搜索