CSS 动态渐变色字体

2020-12-22 00:27

阅读：772

标签：bsp inf back infinite rgba 设置 color loading class

.ys{
    font-weight: 600;
    font-size: 16px;
    font-family: "黑体";
    color: #8c888b;
    background: -webkit-linear-gradient(45deg, #70f7fe, #fbd7c6, #fdefac, #bfb5dd, #bed5f5);

    color: transparent;
    /*设置字体颜色透明*/
    -webkit-background-clip: text;
    /*背景裁剪为文本形式*/
    animation: ran 10s linear infinite;
    /*动态10s展示*/
}

@keyframes ran {
    from {
        backgroud-position: 0 0;
    }
    to {
        background-position: 2000px 0;
    }
}

技术图片

CSS 动态渐变色字体

标签：bsp inf back infinite rgba 设置 color loading class

原文地址：https://www.cnblogs.com/lydecade/p/14011246.html

上一篇：css实现文字两端对齐

下一篇：HTTP请求过程

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：CSS 动态渐变色字体
文章链接：http://soscw.com/index.php/essay/37453.html

亲，登录后才可以留言！

CSS 动态渐变色字体

评论

热门文章

推荐文章

最新文章

置顶文章