feat(index): 更新footer-更新header-添加header背景,footer图标
This commit is contained in:
@@ -33,4 +33,33 @@ html, body {
|
||||
.mod-codes-grid {
|
||||
grid-template-columns: repeat(4, minmax(0, 1fr));
|
||||
}
|
||||
}
|
||||
|
||||
.nav-item {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nav-item::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 0;
|
||||
background: linear-gradient(to top, #22ffa7, transparent);
|
||||
transition: height 0.2s ease-in-out;
|
||||
opacity: 0.35;
|
||||
pointer-events: none;
|
||||
|
||||
}
|
||||
|
||||
.nav-item:hover::after,
|
||||
.nav-item.active::after {
|
||||
height: 80%; /* 向上打光的高度,可以调整 */
|
||||
}
|
||||
|
||||
.nav-item:hover,
|
||||
.nav-item.active {
|
||||
color: white;
|
||||
}
|
||||
Reference in New Issue
Block a user