[CSS]ホバー以外にも使ってみたいCSS3アニメーションのテクニック

アニメーションのエフェクトを仕込む際、:hoverを使ってユーザーのホバー操作に対して実行することが多いですが、それ以外の擬似クラス :active, :focus, :checked, :disabled やMedia Queriesに仕込むスタイルシートのテクニックを紹介します。 CSS3 Transitions Without Using :hover [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに -「:hover」の例 「:active」でCSS3アニメーション 「:focus」でCSS3アニメーション 「:checked」でCSS3アニメーション 「:disabled」でCSS3アニメーション Media QueriesでCSS3アニメーション 対応ブラウザ はじめに -「:hover」の例 CSS3アニメーションのトリガーとしては、「:hover」を利用す

[edo_m18]

演出を考える上で、有効利用できるかもしれない。

[kkeisuke]

:active :focus :checked :disabled Media Queries でCSS3アニメーション

[warriorking]

(CSS)ホバー以外にも使ってみたいCSS3アニメーションのテクニック | コリス

[nors]

http://www.impressivewebs.com/css3-transitions-without-hover/

[hr07jp]

CSS3アニメーションのテクニック

[Donca]

✔ [CSS]ホバー以外にも使ってみたいCSS3アニメーションのテクニック