模板:黑幕

Litwak913留言 | 贡献2022年8月8日 (一) 20:33的版本
模板文档  [查看] [编辑] [历史] [刷新]

此模板为一种幽默模板,由Salt lovely实现,详见模板:黑幕/style.css

参数及用法

{{黑幕|内容|鼠标悬停文本|color=颜色}}

为方便理解,这里做几个简单的示例:

  1. {{黑幕|仅修改内容}}:{{#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;

} }}仅修改内容——鼠标放上去显示“你知道的太多了”

  1. {{黑幕|含悬停显示文本|鼠标悬停显示文本}}:{{#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;

} }}含悬停显示文本——鼠标放上去显示“鼠标悬停显示文本”

  1. {{黑幕|含悬停文本与颜色|有颜色|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;

} }}含悬停文本与颜色——鼠标放上去显示“有颜色”,这是一个浅蓝色的“黑幕”