画像を使わずCSSだけで検索アイコン作ってクリックで ×(ばつ)ボタンにトランスフォームするようにしてみた

Dec 4, 2015

JELLY JELLY CAFEというお店を運営しているのですが、そのウェブサイトのスマホ表示のときのヘッダーをプチリニューアルしました。

そのときに、検索ボタンをクリックしたらバッテンにしたいなぁ〜と思ったのでCSSでトランスフォームするように実装してみました。

0b9d68aa01551aa8dd07ef4ef6ca95da

jQueryを使って、clickでCSSをtoggleしてます。
使ってみたい方はぜひsourceをcheckしてみてください。
世界中のボードゲームで遊べるカフェ | JELLY JELLY CAFE

白坂翔
白坂翔

1984年生まれ。ボードゲームカフェJELLY JELLY CAFEオーナー、将棋カフェCOBINオーナー、マーダーミステリー専門店Rabbitholeプロデューサー、株式会社人狼の代表取締役。ポーカーとゴルフが好きです。MORE

あわせてどうぞ

松本人志監督作品「R100」観ました。今までの松本映画の中で、一番ひどかった。(ネタバレあり)