クールにアニメーションするアイコン付きのボタンデザイン 「Animated Buttons using CSS3 Transitions and Transforms」

Tweet

238

By Justice Conder

Hover時のアニメーションがクールなボタンデザインです
右側の矢印のアイコン部分がHoverすることでアニメーションして変形し、それぞれのボタンの意味のアイコンになります

Demo、Download、Digg、Email、RSSの5つのタイプがあるので、使える場面が多いかなと思います
コードも、CSSの部分のbodyはページのものに合わせて、コピペで使えそうです

コードを一式ダウンロード

詳しい解説は作者のページにあります(英語)
http://www.webdesigncrowd.com/animated-buttons-css3-transitions-transforms/

Tweet

短縮URL:

2014年03月25日 WEB制作系 コード・プラグイン buttonCodePen