参照用に Fiddle を作成しました: http://jsfiddle.net/xypQY/
不透明度を使用してフェードイン効果を実現するには、どの要素に WebKit トランジションを適用しますか?
参照用に Fiddle を作成しました: http://jsfiddle.net/xypQY/
不透明度を使用してフェードイン効果を実現するには、どの要素に WebKit トランジションを適用しますか?
これは Webkit のバグです。トランジションは Chrome または Safari の疑似要素では機能しません。
このバグにスターを付けて、ボールが修正に転がり始めるのを助けることを願っています:
問題 54699: CSS3 トランジションが疑似要素に適用されない
Webkit に報告されています。
バグ 23209 - CSS で生成されたコンテンツにトランジションとアニメーションが適用されない
うまくいけば、すぐに修正されます。
更新:トランジションのサポートが 2013 年 1 月 2 日に Webkit に追加されました: https://trac.webkit.org/changeset/138632
ついに Google Chrome のバグが修正されました。
疑似要素で使用を開始できtransitions
ます。ほとんどの Chrome は 2013 年 1 月 24 日の時点で既に更新されています。
Safari がこれらの更新をプルするのを待っています。