transition 过渡

Transition过渡

综合设置：

transition: all 2s;

分别设置：

/*过渡效果*/

transition:height 2s,transform 3s,background 2s;

transition: all 2s linear;

 

/*过渡的属性*/

transition-property: all;

 

扫描二维码关注公众号，回复： 6287378 查看本文章

/*过渡所消耗的时间*/

transition-duration: 2s;

 

/*过渡变化的速度

linear线性速度

ease/ease-in/ease-out

cubic-bezier(0.57,-0.34, 0.37, 1.44)

* */

transition-timing-function: cubic-bezier(0.57,-0.34, 0.37, 1.44);

 

/*过渡的延迟时间*/

/*transition-delay: 2s;*/