css button 按下效果

最近在做移动端的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;    //这里重要，就是通过这个透明度来设置
        }