css3整理--transition

transition语法:
    transition : [<‘transition-property‘> || <‘transition-duration‘> || <‘transition-timing-function‘> || <‘transition-delay‘>
        [, [<‘transition-property‘> || <‘transition-duration‘> || <‘transition-timing-function‘> || <‘transition-delay‘>]]*
    第一个参数:transition-property,执行变换的属性(当属性发生变化时,不直接进行变化,而是以动画的形式逐渐变化)
          取值包括:
              none:没有属性变化
              all:(默认值)所有属性都变化
              indent:指定的属性
    第二个参数:transition-duration,执行变换需要的时间
         取值:
            0:默认值,立即执行完毕
            整数:单位为s或者ms
    第三个参数:transition-timing-function,速率变化
        取值:
          1、ease:逐渐变慢
          2、linear:匀速
          3、ease-in:加速
          4、ease-out:加速
          5、ease-in-out:加速然后减速
          6、cubic-bezier:自定义,例如(0.25,0.5,0.75,1),设定四个0-1之间的数字
    第四个参数:transition-delay,delay时间,多长时间之后执行
        取值同transition-duration

    

css3整理--transition,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。