不想学css动画，你就去搜索“网页css动画”,复制下来嘛。

前端篇-CSS常用动画效果_https://blog.csdn.net/jinxin1326447712/article/det_Vic_jx的博客-CSDN博客

前端动画库 - animastore (guowc.github.io)

23个css动画效果，持续更新中... - 知乎 (zhihu.com)

CSS的渐变效果网站有相关的案例，开发组也会在帖子下回复一下案例。

至于弹出层，这个是使用方法层中的方法弹出。

具体看这个案例：弹出层案例

建议学习一下：css的

 简单的旋转，渐变动画

<页面>
    <区块 类名="背景">
        <区块 类名="rotate-image"></区块>
    </区块>
</页面>
<脚本>
    局部变量 数据层 = {
        //所有的页面数据,请在本处定义
    };
</脚本>
<脚本>
    局部变量 方法层 = {
        //所有页面方法,请在本处定义
    };
</脚本>
<样式>
    .rotate-image {
        宽度: 200rpx;
        高度: 200rpx;
        动画: 旋转动画 2s 匀速 无限次;
        背景: 颜色值-红色;
        定位: 固定;
        顶部: 50%;
        左侧: 50%;
        上边距: -100rpx;
        左边距: -100rpx;
    }

    @关键帧动画 旋转动画 {
        0% {
            转换: 旋转(0deg);
        }
        100% {
            转换: 旋转(360deg);
        }
    }

    .背景 {
        高度: 100vh;
        背景: 线性渐变(135deg, #f66, #f90, #3c9, #09f, #66f) 左侧 居中/400% 400%;
        字体-粗细: 粗体;
        字体-大小: 100px;
        颜色: #fff;
        动画: 背景移动 10s 无限次;
    }
    @关键帧动画 背景移动 {
        0%,
        100% {
            背景-位置: 左侧;
        }
        50% {
            背景-位置: 右侧;
        }
    }
</样式>

css  没找到相关动画的啊   可以分享一下吗

多谢大佬