3,389
个编辑
小
改个样式
Salt lovely（留言 | 贡献） 小 （空格问题解决了，是批量替换之后留下来的换行符） |
Salt lovely（留言 | 贡献） 小 （改个样式） |
||
| 第1行： | 第1行： | ||
<includeonly>{{勋章墙/勋章|{{{1|}}}}}<!-- | <includeonly><!-- | ||
用代码在浏览器控制台批量生成： | |||
{ | |||
const count = 49 | |||
let i = 0 | |||
let res = [] | |||
while(i < count) { | |||
i++ | |||
res.push(`{{勋章墙/勋章|{{{${i}|}}}}}`) | |||
} | |||
res.join('\u003c!--\n--\u003e') | |||
} | |||
--><div class="salt-card-effect-detail medal-wall"><!-- | |||
-->{{勋章墙/勋章|{{{1|}}}}}<!-- | |||
-->{{勋章墙/勋章|{{{2|}}}}}<!-- | -->{{勋章墙/勋章|{{{2|}}}}}<!-- | ||
-->{{勋章墙/勋章|{{{3|}}}}}<!-- | -->{{勋章墙/勋章|{{{3|}}}}}<!-- | ||
| 第48行： | 第61行： | ||
-->{{勋章墙/勋章|{{{48|}}}}}<!-- | -->{{勋章墙/勋章|{{{48|}}}}}<!-- | ||
-->{{勋章墙/勋章|{{{49|}}}}}<!-- | -->{{勋章墙/勋章|{{{49|}}}}}<!-- | ||
--></includeonly><noinclude>{{doc}}[[分类:辅助模板]]</noinclude> | --></div><!-- | ||
-->{{CSS|无预览=1|1= | |||
.medal-wall.salt-card-effect-detail { | |||
display: flex; | |||
flex-wrap: wrap; | |||
position: relative; | |||
gap: 2px; | |||
} | |||
.medal-wall .salt-card-container { | |||
display: block; | |||
transform-origin: center center; | |||
transition: 0.3s ease; | |||
} | |||
.medal-wall .salt-card-container:hover { | |||
z-index: 9; | |||
} | |||
.medal-wall .salt-card-layer { | |||
filter: drop-shadow(0 0 2px #2229); | |||
perspective: 466px; | |||
transition: 0.3s ease; | |||
} | |||
.medal-wall .salt-card-layer:hover { | |||
filter: drop-shadow(0 0 6px #9999); | |||
image-rendering: pixelated; | |||
} | |||
.medal-wall .salt-card-container-detail:hover { | |||
transform: scale(2); | |||
} | |||
.medal-wall.salt-card-effect-detail img.salt-card-img { | |||
transition: all 0.1s ease; | |||
} | |||
}}{{#Widget:SaltCardEffect}}</includeonly><noinclude>{{doc}}[[分类:辅助模板]]</noinclude> | |||