当前位置: 首页 > article >正文

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

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`;
}

http://www.kler.cn/a/600188.html

相关文章:

  • 单片机 - RAM 与内存、ROM 与硬盘 之间的详细对比总结
  • 【后端开发面试题】每日 3 题(二十)
  • 计算机网络 - OSI 七层模型
  • ffmpeg+QOpenGLWidget显示视频
  • 基于深度学习的自动驾驶目标检测系统
  • 带你了解Java无锁并发CAS
  • AWS AI认证考试中经常提及几个重要的工具介绍
  • EasyRTC轻量级Webrtc音视频通话SDK,助力带屏IPC在嵌入式设备中的应用
  • 【大模型微调(Fine-tuning)完整流程、调优思路】
  • 响应式 Web 设计:HTML 与 CSS 协同学习的进度(一)
  • 大数据学习(82)-数仓详解
  • 利用 @eslint/eslintrc 实现 ESLint9的适配
  • Retrofit中scalars转换html为字符串
  • AI 智能录音工牌产品形态总结
  • Oracle 外键/引用完整性(Foreign Key / Referential Integrity Constraints)
  • springboot milvus search向量相似度查询 踩坑使用经验
  • 【数据结构】C语言实现树和森林的遍历
  • react 大屏根据屏幕分辨率缩放
  • 整理使用Spring、SpringBoot测试的四种注解方式
  • Java Collection API增强功能系列之二 List.of、Set.of、Map.of