css3字体背景颜色跑马灯

最新推荐文章于 2024-07-07 21:55:16 发布

哈哈hyc

最新推荐文章于 2024-07-07 21:55:16 发布

阅读量711

点赞数

分类专栏：前端前端——CSS 文章标签： css css3 跑马灯

本文链接：https://blog.youkuaiyun.com/erdfty/article/details/108977460

版权

页面效果

CSS

  .title {
            border: 0px;
            font-size: 200%;
            font-weight: bold;
            float: left;
            line-height: 1.5;
            width: 100%;
            padding-left: 5px;
            margin-top:0px;
            background: -webkit-linear-gradient(left,
            #ffffff,
            #ff0000 6.25%,
            #ff7d00 12.5%,
            #ffff00 18.75%,
            #00ff00 25%,
            #00ffff 31.25%,
            #0000ff 37.5%,
            #ff00ff 43.75%,
            #ffff00 50%,
            #ff0000 56.25%,
            #ff7d00 62.5%,
            #ffff00 68.75%,
            #00ff00 75%,
            #00ffff 81.25%,
            #0000ff 87.5%,
            #ff00ff 93.75%,
            #ffff00 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent

最低0.47元/天解锁文章