アニメーションアイコン css アニメーションを使ってハンバーガーメニューを作ってみた(パート2) cssのアニメーションで 「ハンバーガーメニュー(パート2)」 アイコンを作成してみました。クリックするとメニューが動きます。ソースhtml<div id="svg_box_02" class="svg_box"> <input type=... 2015.07.31 アニメーションアイコン
アニメーションアイコン css アニメーションを使ってハンバーガーメニューを作ってみた cssのアニメーションで 「ハンバーガーメニュー」 アイコンを作成してみました。クリックするとメニューが動きます。mouseoverの記述ですが、iPhoneでこれがあるとフォーカスが外れないようで動きが止まってしまいましたので、コメントア... 2015.07.30 アニメーションアイコン
アイコン – line chart - cssのみで折れ線グラフアイコンを描いてみた cssのみで 「折れ線グラフ」 アイコンを作成してみました。ソースhtml<div class="line_chart"></div>css/* 枠 */.line_chart { font-size: 100px; position: r... 2015.07.29 アイコン
アイコン – bar chart - cssのみで棒グラフアイコンを描いてみた cssのみで 「棒グラフ」 アイコンを作成してみました。ソースhtml<div class="bar_chart"></div>css/* 枠 */.bar_chart { font-size: 100px; position: relat... 2015.07.21 アイコン
アイコン – area chart - cssのみで面グラフアイコンを描いてみた cssのみで 「面グラフ」 アイコンを作成してみました。ソースhtml<div class="area_chart"></div>css/* 枠 */.area_chart { font-size: 100px; position: rel... 2015.07.17 アイコン
アイコン – t-shirts - cssのみでTシャツアイコンを描いてみた cssのみで 「Tシャツ」 アイコンを作成してみました。Tシャツと書かないとわかってもらえないようなクオリティになってしまいました。斜め線がむずかしいので、直線のみです。ソースhtml<div class="t-shirts"></div>... 2015.07.09 アイコン
アイコン – basketball - cssのみで「バスケットボール」アイコンを描いてみた cssのみで 「バスケットボール」 アイコンを作成してみました。簡単に出来るとおもったら、結構時間かかってしまいました。ソースhtml<div class="basketball"></div>css/* 本体 */.basketball ... 2015.07.06 アイコン
アイコン – cart - cssのみで「カート」アイコンを描いてみた cssのみで 「ショッピングカート」 アイコンを作成してみました。斜めの線を使いたかったのですが、うまくいかずに全て直線になってます。ソースhtml<div class="cart"></div>css/* 本体 */.cart { fon... 2015.07.03 アイコン
その他 – R2-D2 - cssのみで「R2-D2」アイコンを描いてみた cssのみで「R2-D2」アイコンを作成してみました。自分の絵心の無さにビックリしています。ご了承ください。ず~~~っと、「アストロドロイド」だと思っていたら、「アストロメク・ドロイド」だそうです。「メク」って付くのしりませんでした。「R2... 2015.07.02 その他
アイコン ファイル - css file – cssのみで 「ファイル」 アイコンを作成してみました。どうしても右上の折り返しがうまく表現できませんでした。仕方ないので丸くなっています・・・ソースhtml<div class="file"></div>css/* 本体 */.file ... 2015.07.01 アイコン