【前端专题】垂直列表页鼠标悬浮如何有质感的切换

最新推荐文章于 2024-06-17 10:52:14 发布

土生土长的IU

最新推荐文章于 2024-06-17 10:52:14 发布

阅读量95

点赞数

分类专栏：前端工程化前端基础文章标签：前端

本文链接：https://blog.csdn.net/AIB_Kasic/article/details/132832164

版权

前端工程化同时被 2 个专栏收录

21 篇文章 0 订阅

订阅专栏

前端基础

20 篇文章 0 订阅

订阅专栏

平稳过渡，悬浮可开可不开

.role-item{
  // background-color: white;
  transition: background-color 0.3s ease; /* 添加过渡效果 */
  // box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}
.role-item:hover {
  background-color: #f2f2f2; /* 悬浮时切换为灰色背景 */
  // box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 悬浮时增加阴影效果 */
}