button{ font-size:20px; background-color:#FFC0CB; padding:10px; border: none; border-radius:5px; } button:hover{ transform: scale(1.2); }
CSS可以实现点击按钮后变大的效果,可以让用户更加直观地感受到点击的反馈。大家可以利用:hover伪类和transform属性实现这个效果。在button的样式中,大家设置了按钮的字体大小、背景颜色、内边距和边框等属性,并将边框设置为无边框,边框半径设置为5px,让按钮更加美观。当鼠标悬停在按钮上时,大家给按钮设置了transform: scale(1.2)属性,表示按钮的大小会放大到原来的1.2倍。这样,用户就可以很明显地感觉到按钮被点击了。