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);

 

posted @ 2020-10-22 17:17  绿林豪士  阅读(2240)  评论(0编辑  收藏  举报