js动态添加@keyframes

最新推荐文章于 2024-06-21 19:52:02 发布

Rourou_CSDN

最新推荐文章于 2024-06-21 19:52:02 发布

阅读量1k

点赞数 1

文章标签： css Powered by 金山文档

本文链接：https://blog.csdn.net/Rourou_CSDN/article/details/128835504

版权

        const my = `@keyframes rotate2 {
                            0% {
                              transform: rotate(80deg);
                            }
                            100% {
                              transform: rotate(10deg);
                            }
                        }`
        const style = document.createElement('style')
        style.setAttribute('type', 'text/css')
        document.head.appendChild(style)
        style.sheet.insertRule(my, 0)

  
    document.getElementById("compass").style.animation = 'rotate2 1s linear 1';
    document.getElementById("compass").style. animationFillMode = 'forwards';