vue js给元素动态添加动画样式, 改变背景色

代码工人笔记

于 2025-03-24 18:30:30 发布

阅读量300

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签： javascript vue.js 前端

本文链接：https://blog.youkuaiyun.com/zhao3756/article/details/146482981

Web前端专栏收录该内容

172 篇文章

订阅专栏

vue js给元素动态添加动画样式, 改变背景色

for (let i = 0; i < 10; i++) {
    const dom = document.getElementById('mydiv' + i);
    document.styleSheets[0].insertRule(
        `@keyframes flash-${i} {
                    0% {
                    background-color: #ff0000;
                    }
                    100% {
                    background-color: #ffffff;
                    }
                }`,0
    );
    dom.style.animation = `flash-${i} 1s infinite alternate`;
}