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

Dec 4, 2015

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

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

0b9d68aa01551aa8dd07ef4ef6ca95da

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

白坂翔
白坂翔

東京のWEB制作会社の代表をしています。デザイナー兼ディレクター。
JELLY JELLY CAFEというお店のオーナーでもあります。MORE

LINE@やってます

'stats.label.addfriend' (MISSING TRANSLATION)

あわせてどうぞ

【スタンプ全7種類一覧】Facebookのスタンプ機能がめちゃダサい。ただし、「プシーン」をのぞく。