模板:首页/中栏/图鉴导航:修订间差异

无编辑摘要
无编辑摘要
 
(未显示同一用户的5个中间版本)
第11行: 第11行:
   --></div><!--  
   --></div><!--  
   --><div class="nav-item"><!--
   --><div class="nav-item"><!--
--><a link="代理人图鉴" target="_blank"><!--
--><a link="武器图鉴" target="_blank"><!--
     -->[[文件:首页-导航图标-代理人图鉴.png|149px|class="img"|link=]]<!--
     -->[[文件:首页-导航图标-音擎图鉴.png|149px|class="img"|link=]]<!--
     --></a><!--
     --></a><!--
   --></div><!--
   --></div><!--
   --><div class="nav-item"><!--
   --><div class="nav-item"><!--
--><a link="代理人图鉴" target="_blank"><!--
--><a link="驱动图鉴" target="_blank"><!--
     -->[[文件:首页-导航图标-代理人图鉴.png|149px|class="img"|link=]]<!--
     -->[[文件:首页-导航图标-驱动图鉴.png|149px|class="img"|link=]]<!--
     --></a><!--
     --></a><!--
   --></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年7月8日 (一) 17:35的最新版本