2010-10-04 14 views
15

Cómo habilitar -webkit-animation para: antes y después de los pseudo elementos?Cómo habilitar -webkit-animation/transition-property para: before y: after pseudo elements?

Puede ver en http://jsfiddle.net/4rnsx/ que no está funcionando para: antes y después.
Y aquí estoy tratando de habilitar esta función con Mootools http://jsfiddle.net/6bzCS/.


Mozilla - apoyará en Firefox 4 https://developer.mozilla.org/en/CSS/-moz-transition-property
W3C - CSS3 soporta transición de la propiedad para todos los elementos,: before y: after pseudo elementos http://www.w3.org/TR/css3-transitions/#transition-property


actualización : Cómo habilitar fadein, fadeout para CSS3 tooltip http://css-plus.com/2010/04/create-a-speech-bubble-tooltip-using-css3-and-jquery/ y demo?

+0

lo siento, pero ¿por qué quiere hacer el fundido como un filtro prefijado navegador propietario? mootools proporciona una manera perfectamente viable de navegación cruzada de elementos de desvanecimiento dentro y fuera, echa un vistazo a 'element.fade()' en los documentos de mootools. –

+1

mootools 'el.fade()' no funciona para: before y: after pseudo elements – Binyamin

+0

hrm, buena llamada. Parece que no puede usar un selector para recuperar el: elemento anterior - pregunta interesante ++ y sí, estoy seguro de que puede refactorizarlo, pero ese no es el punto. –

Respuesta

2

El jsFiddle mencionado en la pregunta parece estar bien en los modernos navegadores Chrome y Safari. Creo que el lado de la animación ha sido resuelto por la evolución del navegador.

Sin embargo, todavía hay un error excepcional/abierto para el lado de transición de las cosas: http://code.google.com/p/chromium/issues/detail?id=54699

+0

Tienes razón. Abrí ese problema de webkit y parece que todavía no se solucionará en Chrome 18. Es una pena que el problema se haya abierto desde Chrome 6. – Binyamin

Cuestiones relacionadas