transition 过渡

Transition过渡

综合设置：

transition: all 2s;

分别设置：

/*过渡效果*/

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

transition: all 2s linear;

 

/*过渡的属性*/

transition-property: all;

 

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

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;*/

转载于:https://www.cnblogs.com/zhangxiong-tianxiadiyi/p/10933228.html