用于大屏标题动画效果

Wild～～

已于 2023-02-06 17:19:25 修改

阅读量393

点赞数 1

文章标签： html css 前端

于 2022-12-30 11:50:33 首次发布

本文链接：https://blog.csdn.net/xiao970615/article/details/128493490

版权

CSS动画背景渐变线性渐变关键帧视觉效果

关键词由CSDN通过智能技术生成

20221230_114620

 background: linear-gradient(
      to left,
      transparent 0%,
      rgba(2, 128, 255, 0.3) 50%,
      transparent 100%
    );
    background-position: 100% 100%;
    background-size: 200% 100%;
    animation: bg 1s infinite linear;
    @keyframes bg {
      0% {
        background-position: 0% 100%;
      }
      100% {
        background-position: 200% 100%;
      }
    }