H5实现动画css3

最新推荐文章于 2025-07-06 12:24:16 发布

原创最新推荐文章于 2025-07-06 12:24:16 发布 · 373 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css3 #动画 #css

uni-app 专栏收录该内容

12 篇文章

订阅专栏

    // 动画
    getKeyframes() {
      let height = this.records.length * 30;
      const runkeyframes = `@keyframes rowup{
                             0%{
                                 top: 0px;
                             }
                             100%{
                                
                                 top: -${height}px;
                             }
                          }`;
      // 创建style标签
      const style = document.createElement("style");
      // 设置style属性
      style.type = "text/css";
      // 将 keyframes样式写入style内
      style.innerHTML = runkeyframes;
      // 将style样式存放到head标签
      document.querySelector(".positionAbs").appendChild(style);
      // document.getElementByTagName("#head").appendChild(style);
    },