transition: transform 1s;和transition-duration区别
时间: 2024-03-07 18:51:09 浏览: 115
css简单动画之transition属性详解
5星 · 资源好评率100%
这两个CSS属性都用于控制元素的过渡效果,但是有一些区别:
- "transition: transform 1s;" 是一个缩写属性,包括了过渡属性和过渡时间两个属性。它表示在元素进行变换时,将会有一个1秒钟的过渡期,使变换更加自然平滑。
- "transition-duration: 0s;" 只是过渡时间属性。它表示元素变换时,没有过渡效果,变换将会瞬间完成,没有平滑过渡效果。
因此,"transition: transform 1s;"可以实现元素变换时的平滑过渡效果,而"transition-duration: 0s;"则可以让元素变换瞬间完成,没有过渡效果。
阅读全文