9

参照用に Fiddle を作成しました: http://jsfiddle.net/xypQY/

不透明度を使用してフェードイン効果を実現するには、どの要素に WebKit トランジションを適用しますか?

4

2 に答える 2

11

これは Webkit のバグです。トランジションは Chrome または Safari の疑似要素では機能しません。

このバグにスターを付けて、ボールが修正に転がり始めるのを助けることを願っています:

問題 54699: CSS3 トランジションが疑似要素に適用されない

Webkit に報告されています。

バグ 23209 - CSS で生成されたコンテンツにトランジションとアニメーションが適用されない

うまくいけば、すぐに修正されます。

更新:トランジションのサポートが 2013 年 1 月 2 日に Webkit に追加されました: https://trac.webkit.org/changeset/138632

于 2012-03-26T11:13:45.060 に答える
4

ついに Google Chrome のバグが修正されました。

疑似要素で使用を開始できtransitionsます。ほとんどの Chrome は 2013 年 1 月 24 日の時点で既に更新されています。

Safari がこれらの更新をプルするのを待っています。

ここで他のブラウザでの動作を確認してください

于 2013-01-24T16:53:26.863 に答える