CSS3の移行:for pseudoelement

Check out this fiddle: http://jsfiddle.net/sajYc/

:after 疑似要素の遷移はfirefoxでは動作しますが、Webkitベースのブラウザでは失敗します。これが将来のリリースで登場するのであれば、どんな考えですか?非jqueryの過剰殺害の回避策はありますか?

基本的には、私は背景のイメージスプライトの2つの状態(フェードルのような2つの色の代わりに)をフェードするためにページ上でそれを使用しています。アイコンの通常状態とホバー状態との間の滑らかな遷移。だから私は、このアニメーションを動作させるために実際の要素をたくさん追加したくありません。

5

1 答え

残念ながら、これはWebkitブラウザとIEの既知の問題です。

http://css-tricks.com/13555-トランジションとアニメーションのCSS生成コンテンツ/

しかし、イメージスプライト状態間のフェーディングはjQueryで可能です。このチュートリアルでは、

http:// www.tutorial9.net/tutorials/web-tutorials/creative-button-animations-with-sprites-and-jquery-part-2/

5
追加された
ありがとう、実際にはあまりにも悪くはありません。それをチェックします。
追加された 著者 Jerry,