查看“︁像素塔卡片战争"Project Divide"/UI预览”︁的源代码

{{碎数研}}{{不完整}}
== pd demo ==
<templatestyles src="User:Staf Irity/Sandbox04.css" />
=== Card ===
<div class=card>
<span class="a">B</span>
<span class="b">Igallta（通常ver.）</span>
<span class="c">+4</span>
<span class="d">👤</span>
<span class="e">[3 Effects]</span>
<span class="f">[...]</span>
<span class="b" style="top:50px;left: 12px;">EP 400</span>
<span class="b" style="top:50px;left: 132px;width: 1000px;">BP 100</span>
</div>

=== 状态效果 ===
<div class=card>
<span class="a">A</span>
<span class="b">&nbsp;“固定”异常状态</span>
<span class="c">+4</span>
<span class="d">👤</span>
<span class="e">[1 Effect]</span>
<span class="f" style="
    font-size: 3em;
    font-weight: bolder;
    color: grey;
    text-shadow: 0 0 10px black;
">X</span>
<span class="b" style="top:50px;left: 12px;">EP 400</span>
<span class="b" style="top:50px;left: 132px;width: 1000px;">BP 100</span>
</div>
<br />
<div class=card>
<span class="a">S</span>
<span class="b">&nbsp;&nbsp;&nbsp;<del>“???”异常状态</del></span>
<span class="c">+0</span>
<span class="d">👤</span>
<span class="e">[1 Effect]</span>
<span class="f">[...]</span>
<span class="b" style="top:50px;left: 12px;">EP 1000</span>
<span class="b" style="top:50px;left: 132px;width: 1000px;">BP 0</span>
<span class="g">
<span class="h" style="transform: rotate(10deg); top: 100px; left: -100px;"></span>
<span class="h" style="transform: rotate(170deg);top: 20px;left: -100px;"></span>
<span class="h" style="transform: rotate(30deg);top: 310px;left: -100px;"></span>
<span class="h" style="transform: rotate(165deg); top: 100px; left: -100px;"></span>

</span>
</div>
=== 攻防 ===
Coming Soon