Al girar el mouse, necesito girar un elemento en sentido antihorario 180˚ en un intervalo de 150 ms, y luego con el mouse hacia afuera, necesito girar el elemento en sentido antihorario para volver al original de 0˚ en 150 ms.¿Cómo giro un elemento a 180 grados durante 150 ms con el vuelo estacionario?
Estoy abierto a usar CSS3, jQuery y JavaScript.
Uso Chrome, pero también necesito que funcione para Firefox y Safari. No muy preocupado por IE.
Por qué 150ms? Solo tenga en cuenta que cuando trabaje con el tiempo del navegador, nunca alcanzará una marca exacta, pero usar 'setTimeout (functionCall(), 150)' sería lo que necesita. – vol7ron
¿Qué tipo de elementos? ¿Solo imágenes? –
Bueno CSS3 solo ocurrirá si quiere usar * experimental * [transformar propiedad] (https://developer.mozilla.org/en/CSS/transform) y [propiedad de transición] (https: //developer.mozilla. org/en/CSS/transition), que a veces puede ser un poco lento en Firefox (solo para tener en cuenta). – animuson