CSS實(shí)現(xiàn)按鈕點(diǎn)擊后根據(jù)背景色加深效果-一顆優(yōu)雅草bigniu
2020-02-19 20:07 作者:成都市一顆優(yōu)雅草科技 | 我要投稿
具體代碼如下
button{
position: relative;
}
button:active::before {
?display: block;
?content: '';
?position: absolute;
?top: 0px;
?left: 0px;
?width: 100%;
?height: 100%;
?background: rgba(0, 0, 0, 5%)
}
如果是自定義DIV也是可以用同樣方法的，可以改為
.btn{
position: relative;
}
/**這里的active為選中的狀態(tài)，可以根據(jù)情況修改**/
.btn:active::before {
?display: block;
?content: '';
?position: absolute;
?top: 0px;
?left: 0px;
?width: 100%;
?height: 100%;
?background: rgba(0, 0, 0, 5%)
}
CSS實(shí)現(xiàn)按鈕點(diǎn)擊后根據(jù)背景色加深效果-一顆優(yōu)雅草bigniu 2020年2月19日記錄
標(biāo)簽：
