CSSの切り替え_件名を入力していませんか？

Question

十分に簡単な質問：

は（すなわち:hover、:active、など）擬似セレクタを経由してアニメーションをトリガーすることは可能/適切ではないだろうというとき、CSSトランジションを活用することが可能ですか？

私の使用例は、フォームの提出後に何かをアニメーション化したいです。私はのような何かを行うことができるだろうと考えた：

は

.success_message { ...transition stuff + opacity: 0 } 
.success_message.shown { opacity: 1 } 

その後はJavaScriptを使用して、私は私がアニメーション化する、この要素にshownクラスを追加します。

アニメーションにjQueryなどを使用するだけではどうですか？私はあなたに尋ねられてうれしいです。 CSSトランジションは、iPhoneや他のモバイルデバイス（私がターゲットとしているプラ​​ットフォーム）上でよりスムーズです。現在、私はjQueryでアニメーションをやっていますが、できるだけ滑らかではありません。

---

擬似セレクタについて私が何を求めているかを明確にするために編集されました。

Answer 1

期待どおりに動作するはずです。 JSFiddle：http://jsfiddle.net/ghayes/zV9sc/12/

.success_message { 
    opacity: 0.0; 
    transition: opacity 0.3s linear; 
    -webkit-transition: opacity 0.3s linear; 
    -moz-transition: opacity 0.3s linear; 
    -o-transition: opacity 0.3s linear; 
} 

.success_message.shown { 
    opacity: 1.0; 
} 

これで問題が解決しない場合は、さらにコードサンプルまたはブラウザの詳細を記載してください。がんばろう！

Answer 2

はい、できます。 CSSの遷移は、クラスが変更されたためであっても、CSSのプロパティが変更されるたびに機能します。