sounansa.net

リンクにマウスを載せたときのhoverアニメーションをおしゃれにするCSSを紹介します。

以前にも、「今どきのおしゃれなリンクのhoverを実現するCSSアニメーションサンプル21選」という記事でご紹介しましたが、好評につき第2弾です。

ネタ元

Inspiration for Text Styles and Hover Effects

当サイトのこのページでデモを確認できますので、マウスを載せてみてください。

ソースを見るとわかりますが、全てCSSのみで実現しています。

CSSはアニメーション関係は自分も少しはわかっていたつもりでしたが、まだまだ知らない方法があるものだなとたいへん勉強になりました。

尚、ソースはこちらからダウンロードできます。

http://tympanus.net/codrops/2015/05/13/inspiration-for-text-styles-and-hover-effects/