rotate en css3

ronytexasranger
Les bases HTML/CSS

Bonjour j'ai un petit probleme je suis sous safari et je voudrais donner au passage de la souris une petite rotation avec du css3 mais cela ne marche pas.

h1 a:hover
{
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);

}

Commment faire ?

6 réponses

ronytexasranger
Auteur
Réponse acceptée

Non en fait le probleme c'est qu'il fallait mettre h1:hover et non h1 a:hover
Merci quand meme pour vos reponses

marrtin

Safari n'est pas encore complet au niveau de la compatibilité CSS3, c'est surement pourquoi tu n'arrive pas à appeler cette fonction.

ronytexasranger
Auteur

Bizarre car il ne marche ni sous chrome et firefox alors que j'ai mis tous mes navigateurs a jour

agrafik

BOnsoir :).

J'ai trouvé ça en tapant 'CSS3 Rotate" sur Google; et vue les exemples, j'imagine que les rotation négatives sont pas possible.

http://blog.websourcing.fr/webdesign-rotation-css3-ie-ff-opera-chrome-safari/

toogy

les rotations négatives sont possibles.

-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
-o-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
Sakhr

je vous conseil tous d'utiliser Mozilla, il est stable encore mieux doté avec de nouvelles fonctionnalités surtout la version 4 !
il est pratique .