怎么让颜色最终定格在绿色呢

来源: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回答

好帮手慕星星

2021-07-02

同学你好,代码中在.v-enter-to类中添加了字体颜色为绿色,可是当动画进入结束时后,是没有v-enter-to类的,可以在控制台中看看

http://img.mukewang.com/climg/60dee8a909eaa14e03500079.jpg

所以样式不起作用。

建议给文字添加class类,将动画animation设置在类上,并且添加动画结束在最后的帧状态属性。在keyframes中最后一个状态设置字体颜色为绿色。参考:

http://img.mukewang.com/climg/60dee91009c4967b06050164.jpg

http://img.mukewang.com/climg/60dee93d09f783a905020400.jpg

http://img.mukewang.com/climg/60dee91c09c6244a04600123.jpg

http://img.mukewang.com/climg/60dee9540934e92702460088.jpg

自己测试下,祝学习愉快!

0

0 学习 · 15276 问题

查看课程