読者です 読者をやめる 読者になる 読者になる

webhack / 猫とウェブ技術が好き

javascriptやcssやHTML5とかサーバーサイドの技術やプロジェクトマネジメントとかウェブに関するマーケティングとかWEBを取り巻く全般を好きに書くブログ

マテリアルデザイン風ボタンがプレステのコントローラーのような4つの小さなボタンに分かれるCSS

"+"の箇所にマウスカーソルを合わせてください。マテリアルデザイン風アクションボタンが4つの小さなボタンに分割します。プレステのコントローラーみたいです。

codepen.io

アイコンはfont-awesomeを利用していますが、ボタン分割のエフェクトはCSSだけで実装されています。

これは汎用的に使える場面ありそうですね。