css transition分别指定多个属性

2020-01-17 08:37:26

transition是CSS3新增的动画属性，可以实现属性的平滑过渡，大大提高用户体验，对于多个属性进行过渡的话很多人会这样写

1
.tr{ transition:all 1s}

很不幸的是如果我只需要对其中一两个而不是全部属性进行过渡话很多人就素手无策了，其实你可以这样写

1
.tr{ transition-property: width , height; transition-duration:1s , 1s;}

tips：

transition有四个属性，很多人都会遗忘，分别是transition-property，transition-duration，transition-timing-function，transition-delay，尤其是transition-delay，这个可以实现延迟动画

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


  • 精彩推荐

  • 2017-12-25 11:07:58

    mogodb 备份

    error connecting to db server: server returned error on SASL authentication