怎么让颜色最终定格在绿色呢
来源:2-3 使用 transition 标签实现单元素组件的过渡和动画效果(2)
weixin_慕少0279966
2021-07-02 16:12:29
.v-enter-from {
color: red;
}
.v-enter-active {
animation: shake 10s;
transition: all 3s ease;
}
.v-enter-to{
color: green;
}
怎么让颜色最终定格在绿色呢
1回答
同学你好,代码中在.v-enter-to类中添加了字体颜色为绿色,可是当动画进入结束时后,是没有v-enter-to类的,可以在控制台中看看
所以样式不起作用。
建议给文字添加class类,将动画animation设置在类上,并且添加动画结束在最后的帧状态属性。在keyframes中最后一个状态设置字体颜色为绿色。参考:
自己测试下,祝学习愉快!
相似问题
回答 5