La rotation d'un élément div

Est-il possible de faire pivoter un élément div en Javascript & ne PAS utiliser le HTML 5?

Si oui, quels sont les attributs de l'élément puis-je régler/changer pour le faire tourner? C'est à dire, div.quoi?

PS: Quand je dis faire tourner, je veux dire de rotation d'un imagae autour d'un axe, pas toutes les x millisecondes montrer une autre image de la rotation.

Lorsque vous excluez HTML5 êtes-vous également à l'exclusion de CSS3?
Eh bien, je suis exclusing HTML5 car il l'habitude de travailler sur tous les navigateurs, donc si CSS3 fonctionne sur tous les navigateurs(n'est ce pas?) alors je voudrais l'utiliser.
stackoverflow.com/questions/382591/...
IE n'est pas entièrement compatible avec le CSS3 et le HTML5 en particulier les versions avant d'IE9
HTML 5 et le CSS3 n'existent pas dans mon livre jusqu'à ce que tous les principaux navigateurs les prend en charge.

OriginalL'auteur Mach | 2011-03-09

  1. 18

    Vieille question, mais la réponse pourrait aider quelqu'un...

    Vous pouvez faire pivoter des éléments à l'aide des CSS marques dans tous les principaux navigateurs (le terme HTML5 n'est pas particulièrement pertinent ici).

    Exemple de comment faire pivoter un élément de 45 degrés à l'aide de CSS:

    .example {
    -webkit-transform: rotate(45deg); /* Chrome & Safari */
    -moz-transform: rotate(45deg); /* Firefox */
    -ms-transform: rotate(45deg); /* IE 9+ */
    -o-transform: rotate(45deg); /* Opera */
    transform: rotate(45deg); /* CSS3 */
    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678, sizingMethod='auto expand'); /* IE 7-8 */
}

    Oui, la MSIE syntaxe est horrible. Notez le "sizingMethod='auto étendre'" - que c'est essentiel pour éviter le résultat étant coupés.

    Je suis assez sûr transformations de la Matrice (au moins dans une certaine mesure) sont également pris en charge Dans MSIE 6, mais c'est plus tatillon sur dans quelles circonstances il les soutient (et c'est de plus en plus dur à 8).

    +1 pour la Version de IE.
    +1 för la version de IE. Si seulement je savais..!
    exactement! découvrez ma réponse. css3 pour IETransform. Le mec est un génie.
    Jetez un oeil à l'URL posté par @Ashwin ci-dessus, il est possible de calculer pour vous (il y a également un lien vers un billet de blog à ce sujet sur cette page). Une autre option est css3pie.com
    Vous pouvez utiliser ce lien pour calculer le IE Matrice de valeurs:

    OriginalL'auteur Iain Collins

  2. 4

    Oui, il est possible de faire tourner un div pas à l'aide de HTML5, mais à l'aide de CSS3.

    Vous pouvez expérimenter avec CSS rotation sur CSS3 Veuillez (basculer le .box_rotate règle).

    Pour plus d'info, Google pour: css tourner

    Si vous voulez un moyen d'avoir la rotation de texte qui fonctionne sur tous les navigateurs (y compris IE6), puis essayez Raphaël.

    +1 pour un lien très intéressant

    OriginalL'auteur rsp

  3. 4

    Je sais je suis en retard. Dans un souci de postérité, je voulais poster cette: Ce site est très bon et en plus il effectue les transformations de matrice pour son correspondant css3 homologues

    +! Merci de poster un lien vers quelque chose qui génère automatiquement les Transformations de la Matrice, a été de revenir ici pour le faire! 🙂

    OriginalL'auteur Ashwin Krishnamurthy

  4. 0

    Vous pouvez le faire en utilisant la Matrice dans IE. Voici une fonction qu'elle n'en résout dans un crossbrowser.

    http://kaisarcode.com/javascript-rotate

    Bienvenue à Débordement de Pile! Veuillez noter que nus des liens vers votre propre site/les produit ne sont pas encouragés ici pour deux raisons; tout d'Abord, une réponse doit être enregistrée comme une réponse, non pas un simple lien vers un site externe. Deuxièmement, l'auto-promotion tend à être mal vu ici, et c'est souvent signalé comme spam (surtout si il n'y a pas eu de communication qui vous sont des liens vers votre propre site/produit).

    OriginalL'auteur Daimon Kaisar