美文网首页
css button 按下效果

css button 按下效果

作者: 一个冬季 | 来源:发表于2018-07-25 11:02 被阅读1911次

    最近在做移动端的H5开发,但是要弄按钮,按下去变色的效果


    按钮按下变色效果.gif
     /**提交按钮**/
            .dv_bt_buttoncommit{
                margin-top: 10px;
                width: 80%;
                height: 40px;
                color: white;
                background: #CB0165;  //默认的颜色
                border-radius: 5px;
            }
    
            .dv_bt_buttoncommit:active{
                margin-top: 10px;
                width: 80%;
                height: 40px;
                color: white;
                border-radius: 5px;
                background: #000000;  黑色
                opacity: 0.5;    //这里重要,就是通过这个透明度来设置
            }
    

    相关文章

      网友评论

          本文标题:css button 按下效果

          本文链接:https://www.haomeiwen.com/subject/tsqpmftx.html