csshover按钮凹进去

CSShover按钮凹进去的效果可以使用背景渐变来实现。根据提供的引用内容，可以使用以下代码来创建凹进去的效果：

li:hover .right {
  background: -webkit-radial-gradient(top right, circle, transparent 70%, #2d85ff 30%);
}

li:hover .left {
  background: -webkit-radial-gradient(top left, circle, transparent 70%, #2d85ff 30%);
}

.left {
  background: -webkit-radial-gradient(top left, circle, transparent 70%, #7bd1ff 30%);
}

在这段代码中，使用了`background`属性和`-webkit-radial-gradient`函数来创建背景渐变效果。在`li:hover .right`和`li:hover .left`选择器中，定义了当鼠标悬停在按钮上时的背景渐变效果。而在`.left`选择器中，定义了按钮默认状态下的背景渐变效果。

通过设置不同的渐变颜色和方向，可以实现按钮凹进去的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [CSS凹型导航按钮 - 谢小宝](https://blog.csdn.net/weixin_42104181/article/details/117836406)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]