CSS點(diǎn)擊按鈕變大

button{
font-size:20px;
background-color:#FFC0CB;
padding:10px;
border: none;
border-radius:5px;
}
button:hover{
transform: scale(1.2);
}

CSS可以實(shí)現(xiàn)點(diǎn)擊按鈕后變大的效果，可以讓用戶更加直觀地感受到點(diǎn)擊的反饋。我們可以利用:hover偽類和transform屬性實(shí)現(xiàn)這個(gè)效果。在button的樣式中，我們設(shè)置了按鈕的字體大小、背景顏色、內(nèi)邊距和邊框等屬性，并將邊框設(shè)置為無邊框，邊框半徑設(shè)置為5px，讓按鈕更加美觀。當(dāng)鼠標(biāo)懸停在按鈕上時(shí)，我們給按鈕設(shè)置了transform: scale(1.2)屬性，表示按鈕的大小會(huì)放大到原來的1.2倍。這樣，用戶就可以很明顯地感覺到按鈕被點(diǎn)擊了。