(icon)画像を使わずにcssのみでアイコン(図形)を描いてます。遊びで作ったアイコンです。普通のアイコン飽きたら作ってみます。アニメーションアイコンcss3のアニメーションを使ったアイコンです。マウスオーバーで動きます。アイコンを作成してみました。前回は4分の1なので、今回は3分の1を作ってみました。third」って言うんですね。「.battery_empty」ここは電池の枠になります。100px;」ここがアイコンの大きさの基準になります。120px;」で表示されています。12px;」で表示されています。※「linear-gradient」の解説はこちらのページでご確認ください。linear-gradient(線形グラデーション)ここからはちょっと複雑になります。バッテリーの枠はグラデーションを使って描画します。縦、横のラインを1つずつグラデーションで設定していく感じです。アイコンは「#39a9d6」の単色で表示していますが分かりやすく1行ずつ色分けしたのが以下の画像です。0.1em」の部分は以下のようになっています。