cssのみでアイコンを作ってみました。
アイコン – battery empty – cssのみでバッテリーアイコン（空）を描いてみた
cssのみで「バッテリー」アイコンを作成してみました。前回は3分の1で今回は空です。ず～～～～～と忙しくて全然更新してなかったので約3年ぶり… ひどいですね。また少しずつでも進められれば！ソースhtml<divclass="battery_...
アイコン – battery one third – cssのみでバッテリーアイコン（3分の1）を描いてみた
cssのみで「バッテリー」アイコンを作成してみました。前回は4分の1なので、今回は3分の1を作ってみました。3分の1って「onethird」って言うんですね。「ハーフ」や「クオーター」はよく聞くけど知らなかったです…ソースhtml<divc...
アイコン – battery quarter – cssのみでバッテリーアイコン（4分の1）を描いてみた
cssのみで「バッテリー」アイコンを作成してみました。前回は半分なので、今回は4分の1を作ってみました。最近なかなか更新できないです…ソースhtml<divclass="battery_quarter"></div>css/*枠*/.bat...
アイコン – battery half – cssのみでバッテリーアイコン（半分）を描いてみた
cssのみで「バッテリー」アイコンを作成してみました。前回はフル充電時なので、今回は半分を作ってみました。ソースhtml<divclass="battery_half"></div>css/*枠*/.battery_half{font-si...
アイコン – battery full – cssのみでバッテリーアイコン（フル）を描いてみた
cssのみで「バッテリー」アイコンを作成してみました。最近なかなか更新出来ていなかったので、久しぶりに作ったら結構忘れてました･･･ソースhtml<divclass="battery_full"></div>css/*枠*/.battery...
アイコン – line chart - cssのみで折れ線グラフアイコンを描いてみた
cssのみで「折れ線グラフ」アイコンを作成してみました。ソースhtml<divclass="line_chart"></div>css/*枠*/.line_chart{font-size:100px;position:relative;ma...
アイコン – bar chart - cssのみで棒グラフアイコンを描いてみた
cssのみで「棒グラフ」アイコンを作成してみました。ソースhtml<divclass="bar_chart"></div>css/*枠*/.bar_chart{font-size:100px;position:relative;margin...
アイコン – area chart - cssのみで面グラフアイコンを描いてみた
cssのみで「面グラフ」アイコンを作成してみました。ソースhtml<divclass="area_chart"></div>css/*枠*/.area_chart{font-size:100px;position:relative;marg...
アイコン – t-shirts - cssのみでTシャツアイコンを描いてみた
cssのみで「Tシャツ」アイコンを作成してみました。Tシャツと書かないとわかってもらえないようなクオリティになってしまいました。斜め線がむずかしいので、直線のみです。ソースhtml<divclass="t-shirts"></div>css...
アイコン – basketball - cssのみで「バスケットボール」アイコンを描いてみた
cssのみで「バスケットボール」アイコンを作成してみました。簡単に出来るとおもったら、結構時間かかってしまいました。ソースhtml<divclass="basketball"></div>css/*本体*/.basketball{font-...
アイコン – cart - cssのみで「カート」アイコンを描いてみた
cssのみで「ショッピングカート」アイコンを作成してみました。斜めの線を使いたかったのですが、うまくいかずに全て直線になってます。ソースhtml<divclass="cart"></div>css/*本体*/.cart{font-size:...
アイコン ファイル - css file –
cssのみで「ファイル」アイコンを作成してみました。どうしても右上の折り返しがうまく表現できませんでした。仕方ないので丸くなっています･･･ソースhtml<divclass="file"></div>css/*本体*/.file{font-...
アイコン 共有 - css share –
cssのみで「共有」アイコンを作成してみました。ソースhtml<divclass="share"></div>css/*○*/.share{font-size:100px;position:relative;margin:0.6em0.1e...
アイコン ベッド - css bed –
cssのみで「ベッド」アイコンを作成してみました。寝てるように見えないですね。ソースhtml<divclass="bed"></div>css/*本体*/.bed{font-size:100px;position:relative;marg...
アイコン フォーク・ナイフ – css cutlery –
cssのみで「フォーク・ナイフ」アイコンを作成してみました。ソースhtml<divclass="cutlery"></div>css/*フォーク*/.cutlery{font-size:100px;position:relative;mar...
アイコン 女性 - css female –
cssのみで「女性」アイコンを作成してみました。ソースhtml<divclass="female"></div>css/*体・脚*/.female{font-size:100px;position:relative;margin:0.4em...
アイコン 男性 - css male –
cssのみで「男性」アイコンを作成してみました。ソースhtml<divclass="male"></div>css/*体・脚*/.male{font-size:100px;position:relative;margin:0.4emauto...
アイコン 消しゴム - css eraser –
cssのみで「消しゴム」アイコンを作成してみました。ソースhtml<divclass="eraser"></div>css/*ケース*/.eraser{font-size:100px;position:relative;margin:0.1...
アイコン トグルスイッチ OFF - css toggle off –
cssのみで「トグルスイッチOFF」アイコンを作成してみました。ソースhtml<divclass="toggle_off"></div>css/*背景*/.toggle_off{font-size:100px;position:relati...
アイコン トグルスイッチ ON – css toggle on –
cssのみで「トグルスイッチON」アイコンを作成してみました。ソースhtml<divclass="toggle_on"></div>css/*背景*/.toggle_on{font-size:100px;position:relative;...
アイコン 戻る – css undo –
cssのみで「戻る」アイコンを作成してみました。更新の向きが逆なだけです。手抜きじゃないです･･･ソースhtml<divclass="undo"></div>css/*○*/.undo{font-size:100px;position:re...