3,389
个编辑
小
优化右侧信息栏图片显示问题，优化黑幕效果
Sheep-realms（留言 | 贡献） 无编辑摘要 |
Salt lovely（留言 | 贡献） 小 （优化右侧信息栏图片显示问题，优化黑幕效果） |
||
| 第168行： | 第168行： | ||
} | } | ||
.infolist .salt img { | .infolist .salt img, | ||
max-width: | .infolist .image img { | ||
max-width: 100%; | |||
height: auto; | height: auto; | ||
max-height: 384px; | |||
} | } | ||
| 第367行： | 第369行： | ||
} | } | ||
/* | /* 黑幕：一块黑色区域，鼠标移入后显示内容 | ||
使用方法：将heimu类附加到你想实现黑幕的元素上 | |||
彩色黑幕：将元素的--heimu变量变为你想要的颜色 */ | |||
.heimu { | .heimu { | ||
transition: all .3s; | transition: all .3s; | ||
background: var(--heimu); | background: var(--heimu); | ||
color: var(--heimu); | color: var(--heimu); | ||
} | } | ||
.heimu:not(:hover) a | .heimu:not(:hover) > *, | ||
.heimu:not(:hover) a, | |||
.heimu:not(:hover) span { | .heimu:not(:hover) span { | ||
/*同时隐藏带自颜色的文字*/ | /*同时隐藏带自颜色的文字*/ | ||
color: var(--heimu); | background: var(--heimu) !important; | ||
color: var(--heimu) !important; | |||
} | } | ||
.heimu:hover { | .heimu:hover { | ||