15

-webkit-animation:before および :after 疑似要素を有効にする方法は?

http://jsfiddle.net/4rnsx/で、:before と :after では機能しないことがわかります。
ここでは、Mootools http://jsfiddle.net/6bzCS/でこの機能を有効にしようとしています。


Mozilla - Firefox 4 でサポート予定https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 は、すべての要素の transition-property をサポートしています。:before および :after 疑似要素http:// www.w3.org/TR/css3-transitions/#transition-property


更新: CSS3 ツールチップの有効fadein化方法http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using -css3-and-jquery/とデモ?fadeout

4

2 に答える 2

2

質問で言及されている jsFiddle は、最新の Chrome および Safari ブラウザーでは正常に表示されます。アニメーションの部分はブラウザの進化で解決したと思います。

ただし、移行側にはまだ未解決/未解決のバグがあります: http://code.google.com/p/chromium/issues/detail?id=54699

于 2011-06-16T19:55:06.293 に答える
2

このバグは、2013 年 1 月 3 日の Google Chrome 24 で修正されています。

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

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

于 2013-01-24T16:55:28.740 に答える