複雑な形もこれが出来るようになると結構書けるようになりますが、ソースはドンドン増えてしまいますね。「.battery_one_third::before」ここは電池の残量になります。0.2em;」ここが残量の上基準になります。「.battery_empty」のdivタグ左上から0.2emを基準として、さらに0.2em下に表示させます。「.battery_empty」のdivタグを基準として、さらに0.2em左に表示させます。0.6em;」ここで残量の幅と高さを設定します。1/3になるようにします。ここで指定された色で表示されます。矢印(←)アイコンの別パターンを作成してみました。矢印(↑)アイコンを作成してみました。アイコンを作成してみました。更新の向きが逆なだけです。アイコンを作成してみました。アイコンを作成してみました。アイコンを作成してみました。今って「早戻し」って言うんですね。gameタイトルとURLをコピーしました。