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

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

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

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