模板:黑幕
此模板为一种幽默模板,由Salt lovely实现,详见模板:黑幕/style.css。
参数及用法
{{黑幕|内容|鼠标悬停文本|color=颜色}}
为方便理解,这里做几个简单的示例:
{{黑幕|仅修改内容}}
:{{#css:
- root {
--heimu: #000;
}
.heimu {
transition: all .3s; background-color: var(--heimu); color: var(--heimu);
} .heimu:not(:hover) > *, .heimu:not(:hover) a, .heimu:not(:hover) span {
background-color: var(--heimu) !important; color: var(--heimu) !important;
} .heimu:hover {
background: transparent;
} }}仅修改内容——鼠标放上去显示“你知道的太多了”
{{黑幕|含悬停显示文本|鼠标悬停显示文本}}
:{{#css:
- root {
--heimu: #000;
}
.heimu {
transition: all .3s; background-color: var(--heimu); color: var(--heimu);
} .heimu:not(:hover) > *, .heimu:not(:hover) a, .heimu:not(:hover) span {
background-color: var(--heimu) !important; color: var(--heimu) !important;
} .heimu:hover {
background: transparent;
} }}含悬停显示文本——鼠标放上去显示“鼠标悬停显示文本”
{{黑幕|含悬停文本与颜色|有颜色|color=#0066ff}}
:{{#css:
- root {
--heimu: #000;
}
.heimu {
transition: all .3s; background-color: var(--heimu); color: var(--heimu);
} .heimu:not(:hover) > *, .heimu:not(:hover) a, .heimu:not(:hover) span {
background-color: var(--heimu) !important; color: var(--heimu) !important;
} .heimu:hover {
background: transparent;
} }}含悬停文本与颜色——鼠标放上去显示“有颜色”,这是一个浅蓝色的“黑幕”