transition第一次不生效

简介: 解决CSS transition第一次不生效的问题,确保在动画属性变化前已经设置了初始值,如示例中需给`left`属性一个初始值以实现平滑过渡效果。

beacuse 没有给过渡属性加初始值。

    .TopMenuChildChild {
      height: 90px;
      left: 0;//不加的话,第一次过渡不会有过渡效果
      position: absolute;
      transition: left 150ms;
    }
目录
相关文章
|
1月前
keyframes、animation-name属性、animation-duration属性
【10月更文挑战第6天】keyframes、animation-name属性、animation-duration属性。
21 4
|
1月前
|
机器学习/深度学习
transition-timing-function属性
【10月更文挑战第6天】transition-timing-function属性。
20 4
|
1月前
|
前端开发
transition-property 属性和transition-duration属性
【10月更文挑战第5天】transition-property 属性和transition-duration属性。
16 2
|
前端开发
transition和animation的区别
transition和animation的区别
|
JavaScript 前端开发
你到底懂不懂 Transition 组件?
你到底懂不懂 Transition 组件?
132 0
|
前端开发
写个简单css动画,transition 和animate
写个简单css动画,transition 和animate
115 0
你不知道的css3 transition animation transform
你不知道的css3 transition animation transform
|
前端开发 JavaScript API
transition过渡&动画
《Vue实战》笔记
94 0
|
前端开发 JavaScript API