给多个指定属性添加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/

上一篇:css3支持动画吗?css3可以用于网页动画的展现吗


下一篇:#vue #简单CSS实现,路由切换,元素动画过渡效果。