萌娘百科上的黑幕实现
发表于|更新于
|浏览量:|
引用自 萌娘百科 MediaWiki:Gadget-site-styles.css
在css中添加如下代码:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56
|
.heimu, .heimu rt { background-color: #252525; }
.heimu, .heimu a, a .heimu, a.new .heimu, span.heimu a.new, span.heimu a.external, span.heimu a.external:visited, span.heimu a.extiw, span.heimu a.extiw:visited, span.heimu a.mw-disambig, span.heimu a.mw-redirect { transition: color 0.13s linear; color: #252525; text-shadow: none; }
span.heimu:hover, span.heimu:active { color: white; }
span.heimu:hover a, a:hover span.heimu { color: lightblue; }
span.heimu:hover a:visited, a:visited:hover span.heimu { color: #c5cae9; }
span.heimu:hover a.new, a.new:hover span.heimu { color: #fcc; }
span.heimu a.new:hover:visited, a.new:hover:visited span.heimu { color: #ef9a9a; }
span.heimu:hover a.extiw:visited, a.extiw:visited:hover span.heimu { color: #d1c4e9; }
|
黑幕格式实现如下:
1
| <span class="heimu" title="你知道的太多了">黑幕</span>
|
效果如下:
黑幕