Grid列表字体CSS代码

/* 适配 Modown 网格列表标题：放大 + 彩色流光 + 两行显示… */
.grids .grid h3 a,
div.post.grid h3 a {
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.2 !important;
color: transparent !important;

/* 核心：固定2行 + 超出显示… */
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: normal !important;
/* 3. 霓虹文字阴影 + 动画，平时也能看见 */
color: #333 !important; /* 保留文字底色，不会消失 */
animation: neonFlash 1.5s ease-in-out infinite alternate !important;
}
@keyframes neonFlash {
0% {
text-shadow: 0 0 4px #ff0000, 0 0 8px #ff0000, 0 0 12px #ff0000;
}
25% {
text-shadow: 0 0 4px #ff9900, 0 0 8px #ff9900, 0 0 12px #ff9900;
}
50% {
text-shadow: 0 0 4px #33cc33, 0 0 8px #33cc33, 0 0 12px #33cc33;
}
75% {
text-shadow: 0 0 4px #0099ff, 0 0 8px #0099ff, 0 0 12px #0099ff;
}
100% {
text-shadow: 0 0 4px #cc00ff, 0 0 8px #cc00ff, 0 0 12px #cc00ff;
}
}
/* 悬停时额外发光+轻微放大 */
.grids .grid h3 a:hover,
div.post.grid h3 a:hover {
transform: scale(1.05) !important;
text-shadow: 0 0 8px #fff, 0 0 16px #fff, 0 0 24px #fff !important;
transition: all 0.3s ease !important;
}

/* 适配 Modown 网格列表标题：放大 + 彩色流光 + 两行显示… */
.grids .grid h3 a,
div.post.grid h3 a {
font-size: 17px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
color: transparent !important;

/* 彩色流光 */
background: linear-gradient(90deg, #ff0000, #ff9900, #33cc33, #0099ff, #cc00ff, #ff0000);
background-size: 200% auto;
-webkit-background-clip: text !important;
background-clip: text !important;
animation: textShine 2s linear infinite !important;
}

/* 流光动画 */
@keyframes textShine {
0% { background-position: 0% center; }
100% { background-position: 200% center; }
}

/* 悬停效果 */
.grids .grid h3 a:hover,
div.post.grid h3 a:hover {
transform: scale(1.03) !important;
transition: all 0.3s ease !important;
}