css如何让按钮有点击感

CSS在设计中可以为按钮增添点击感，让用户体验更加流畅。下面将介绍几种方法。

/*按钮hover状态*/
button:hover{
    background-color: #BADA55;
}

/*按钮active状态，让按钮点击后有反馈*/
button:active{
    background-color: #8B8B8B;
}

/*按钮focus状态，让用户知道该按钮被选中*/
button:focus{
    outline: none;
    Box-shadow: 0px 0px 3px #0077FF;
}

/*延伸-动画效果*/
button{
    transition: all 0.1s ease-in-out;
}

/*动画效果加强*/
button:hover,button:active{
    transform: scale(0.95);
}

以上代码可以让按钮在不同状态下改变颜色和样式，同时也在点击后产生反馈和反差。在延伸方面，也可以加上动画效果，让用户界面感更加流畅自然。