模板:首页/中栏/图鉴导航：修订间差异
无编辑摘要 |
无编辑摘要 |
||
| 第21行： | 第21行： | ||
--></div> | --></div> | ||
</div> | </div> | ||
{{#css: | {{#css: | ||
.nav-item { | .nav-item { | ||
| 第35行： | 第34行： | ||
border: 2px solid #36363c; /* 添加边框 */ | border: 2px solid #36363c; /* 添加边框 */ | ||
} | } | ||
.nav-item img { | .nav-item img { | ||
width: 100%; | width: 100%; | ||
| 第42行： | 第40行： | ||
opacity: 0.8; /* 初始透明度 */ | opacity: 0.8; /* 初始透明度 */ | ||
} | } | ||
.nav-item:hover { | .nav-item:hover { | ||
background-color: #bad700; /* 鼠标悬停时背景色变化 */ | background-color: #bad700; /* 鼠标悬停时背景色变化 */ | ||
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */ | box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* 添加阴影效果 */ | ||
} | } | ||
.nav-item:hover img { | .nav-item:hover img { | ||
transform: scale(1.05); /* 轻微放大 */ | transform: scale(1.05); /* 轻微放大 */ | ||
opacity: 1; /* 鼠标悬浮时透明度变为完全不透明 */ | opacity: 1; /* 鼠标悬浮时透明度变为完全不透明 */ | ||
} | } | ||
}} | }} | ||
2024年6月3日 (一) 01:22的版本
