勝手ではありますが新しくtableを使った別案を制作しました。木主さんのアイコンとレイアウトを参考にしつつ、コスト表示をサイコロの画像にし、PC画面ではスキルとキャラ固有の効果を並べて表示するようにしました。また、スキル説明のダーメージ・回復は元素の色を付け強調しています。
通報 ...
勝手ではありますが新しくtableを使った別案を制作しました。木主さんのアイコンとレイアウトを参考にしつつ、コスト表示をサイコロの画像にし、PC画面ではスキルとキャラ固有の効果を並べて表示するようにしました。また、スキル説明のダーメージ・回復は元素の色を付け強調しています。
武器種や所属の部分、cssでバッジにすることもできるんですね。
サイコロ数やチャージの画像をうまく配置していて表がとても見やすいと思います。
様々なアイディア、参考にさせていただきます。
無相の雷の方も別案で作ってみました。
サイコロのsvg画像はどこから入手しましたか?
公式HPとHoYoWikiでは背景のサイコロ画像に数字を合わせて表示してありました。