[CSS]CSS3アニメーションの効果的な使い方

CSS3のアニメーション機能「CSS Transitions」をウェブサイトのどこにどのように使うのがよいかを検証するチュートリアルをCarsonifiedから紹介します。 Sexy Interactions with CSS Transitions 「CSS Transitions」の対応ブラウザは、WebkitベースのブラウザであるChrome、Safariとなっています。 下記にさまざまなサイトに利用できる、CSS Transitionsを使用したテクニックを紹介します。 1. アニメーションで背景色を変更 <textarea name="code" class="css" cols="60" rows="5"> #example-1 .example-area blockquote { background: #eee; ⋮ transition: all .3s linear;

[nors]

http://carsonified.com/blog/design/sexy-interactions-with-css-transitions/

[ueyaman4649]

css css3 アニメーション

[masia02]

RT [CSS]CSS3アニメーションの効果的な使い方

[Donca]

✔ [CSS]CSS3アニメーションの効果的な使い方