一款纯css3实现的颜色渐变按钮的代码教程

2020-05-02 08:23:51易采站长站整理

            -webkit-background-clip: text;   
            -webkit-text-fill-color: transparent;   
        }   
        .btn:nth-of-type(1)   
        {   
            float: left;   
        }   
        .btn:nth-of-type(2)   
        {   
            float: rightright;   
        }   
        .btn:nth-of-type(3)   
        {   
            width: 100%;   
            clear: left;   
            padding: .75em;   
            font-size: 3em;   
            font-weight: 100;   
            line-height: 1;   
            letter-spacing: 1px;   
        }   
           
        *   
        {   
            -moz-box-sizing: border-box;   
            box-sizing: border-box;   
        }   
           
        body   
        {   
            font: normal 1em ‘Helvetica Neue’ , Helvetica, sans-serif;   
            background: #1d2025;   
            -webkit-font-smoothing: antialiased;