[CSS]パタッと開くアニメーションがかわいいボタンを実装するスタイルシート

マウスオーバーでパネルがアニメーションでパタッと開き、中から現れるボタンを実装するスタイルシートのコンセプトを紹介します。

サイトのキャプチャ

Twitter Button Concept

デモはChromeでご覧ください。
Firefoxでもパタッと開きますが、開いた後が非対応です。

サイトのキャプチャ

デモページ

アイデアの元となったのは、同様のエフェクトを使用したFacebookのボタンだそうです。

サイトのキャプチャ

Facebook Button Concept

こちらもパタッと開くアニメーションがCSSで実装されています。

top of page

©2017 coliss