3,382
个编辑
小
改个样式
Salt lovely（留言 | 贡献） 小 （空格问题解决了，是批量替换之后留下来的换行符） |
Salt lovely（留言 | 贡献） 小 （改个样式） |
||
|
<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|}}}}}<!--
-->{{勋章墙/勋章|{{{3|}}}}}<!--
-->{{勋章墙/勋章|{{{48|}}}}}<!--
-->{{勋章墙/勋章|{{{49|}}}}}<!--
--></div><!--
--></includeonly><noinclude>{{doc}}[[分类:辅助模板]]</noinclude>▼
-->{{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;
}
| |||