给多个指定属性添加transition过渡

问题描述

在进行添加动画属性的过程中，发现一个需要给不同属性添加动画的需求
一开始是这么写的,效果应用到全部了

div{ transition: ease-out 0.75s;}

而这么写只能给一个指定属性

div{ transition: ease-out 0.75s height;}

问题解决

多个属性进行过渡话可以这样写
div{ transition-property: width , height; transition-duration:1s , 1s;}

知识点

transition有四个属性，很多人都会遗忘，分别是

• transition-property
• transition-duration
• transition-timing-function
• transition-delay

附上transition官方网址：https://www.w3.org/TR/css3-transitions/