过渡 transition

 过渡 transition:

     过渡是元素从一种样式逐渐改变为另一种的效果。

属性: 

    transition-property:规定应用过渡的 CSS 属性的名称。

    transition-duration:定义过渡效果花费的时间。默认是 0。

    transition-timing-function:检索或设置对象中过渡的动画类型

    transition-delay:检索或设置对象延迟过渡的时间,默认是 0

      

transition-property:all;
transition-duration: 3s;
transition-timing-function: ease-in;
transition-delay: 2s;

   简写属性

    transition:

transition:all 3s ease-in 2s

 

[注意]transition的这四个子属性之间不能用逗号隔开,只能用空格隔开。

因为逗号隔开的代表不同的属性(transition属性支持多值,多值部分稍后介绍);而空格隔开的代表不同属性的四个关于过渡的子属性

posted @ 2019-05-30 20:14  gaojian910  阅读(182)  评论(0编辑  收藏  举报