H5实现动画css3

最新推荐文章于 2024-04-10 22:44:44 发布

閉丄眼聆厛倖輻

最新推荐文章于 2024-04-10 22:44:44 发布

阅读量316

点赞数

分类专栏： uni-app 文章标签： css3 动画 css

本文链接：https://blog.csdn.net/weixin_52005030/article/details/121872739

版权

uni-app 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

    // 动画
    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);
    },