css實現按鈕顏色漸變效果


    float: left;
    height: 63px;
    line-height: 63px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    background: -webkit-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
    background: -moz-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
    background: -ms-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
    background: -o-linear-gradient(left, #0C2b47 0%, #F43B47 100%);
    /* background: linear-gradient(to right, #0C2b47 0%, #F43B47 100%); */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#0C2b47, endColorstr=#F43B47, GradientType=1);
    /* -webkit-box-shadow: 0px 5px 5px rgba(228,0,52,.13); */
    -moz-box-shadow: 0px 5px 5px rgba(228,0,52,.13);
    -ms-box-shadow: 0px 5px 5px rgba(228,0,52,.13);
    -o-box-shadow: 0px 5px 5px rgba(228,0,52,.13);
    /* box-shadow: 0px 5px 5px rgba(228,0,52,.13);

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM