zoukankan      html  css  js  c++  java
  • 渐变加动画文字

    .ms-title {
             200px;
            line-height: 50px;
            text-align: center;
            font-size: 20px;
            color: #fff;
            margin:0 auto;
            background-image: -webkit-linear-gradient(left,red,orange,yellow,green,pink,indigo,violet);
            -webkit-text-fill-color: transparent;
            -webkit-background-clip: text;
            -webkit-background-size: 200% 100%;
            -webkit-animation: masked-animation 2s infinite linear;
        }
       @-webkit-keyframes masked-animation {
            0% {
                background-position: 0 0;
            }
            100% {
                background-position: -100% 0;
            }
        }
  • 相关阅读:
    Roads in the North
    Labyrinth
    英语写作(二)
    语法长难句笔记
    英语写作(一)
    MySQL笔记(二)
    MySQL笔记(一)
    Mybatis简单使用与配置
    Mybatis映射文件
    什么是serializable接口?
  • 原文地址:https://www.cnblogs.com/swt-axios/p/13370516.html
Copyright © 2011-2022 走看看