CSS3------transition属性

transition: property duration timing-function delay;
    property:过渡属性的名称
            none   没有过渡属性
        all        所有属性都过渡(默认值)
        property    具体属性名称(property1,property2...)

    transition-timing-function:过渡效果速度曲线
        linear:规定以相同速度开始至结束的过渡效果
        ease:规定慢速开始,然后变快,然后慢速结束的过渡效果
        ease-in:规定以慢速开始的过渡效果
        ease-out    :规定以慢速结束的过渡效果
        ease-in-out :规定以慢速开始和结束的过渡效果

  webkit:    
    obj.addEventListener('webkitTransitionEnd',function(){});
  标准: 
    obj.addEventListener('transitionend',function(){});    

 

posted @ 2018-11-08 16:21  Dyla  阅读(124)  评论(0编辑  收藏  举报