zoukankan      html  css  js  c++  java
  • CSS实现vip闪光特效

    <body>
        <p class="goodman">还给我吧,我的时间我的钱</p>
    </body>
            .goodman{
                font-size: 20px;
                -webkit-mask-image: linear-gradient(to right, red, orange, yellow, green, cyan, blue, purple);
                background-image: linear-gradient(to right, red, orange, yellow, green, yellow, orange, red, orange, yellow, green, yellow, orange, red);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                -webkit-background-size: 200% 100%;
                animation: bgp 5s infinite linear;
            }
            @-webkit-keyframes bgp {
                0%  { background-position: 0 0;}
                100% { background-position: -100% 0;}
            }

    加上动画,一股贵族气息就扑鼻而来了

  • 相关阅读:
    记一次centos 服务器中毒事件
    heatmap
    this
    购物车
    带标签的无缝轮播
    无缝轮播
    图片滚动百分百宽度
    选择排序
    冒泡排序
    tab标签页
  • 原文地址:https://www.cnblogs.com/jjucap/p/9506069.html
Copyright © 2011-2022 走看看