Comment faire pivoter une page web avec du CSS (rotation)

Savez-vous qu’il est très simplement possible de faire pivoter un site web selon un angle précis via du CSS et la propriété -moz-transform ?

La page web subiera une rotation dans sans totalité et le rendu sera fonctionnel au minimum sous le navigateur Firefox.

Voici le code permettant cette rotation, notez que vous devez adapter la valeur de la propriété width en fonction de la taille de votre page web.

Démonstration

Cliquez-ici pour accéder à l’espace de démonstration de la rotation.

website rotation

  1. Comment faire pivoter une page web avec du CSS (rotation) : http://bit.ly/bTKajY #css #trick #astuce #tutorial RT @Nukium: Comment fa…

  2. C’est geekment bon!!!

  3. Boundal says:

    C’est sympa, mais j’ai du mal à en voir les applications.

  4. Mickael says:

    RT @Nukium: Comment faire pivoter une page web avec du CSS (rotation) http://bit.ly/bTKajY

  5. RT @Nukium: Comment faire pivoter une page web avec du CSS (rotation) : http://bit.ly/bTKajY #css #trick #astuce #tutorial

  6. Faut trouver l'usage, mais c'est un concept : pivoter une page web avec un bout de code css : http://bit.ly/ctbe7F (via @Nukium)

  7. Nukium says:

    Hé hé ! A vous d’être créatifs 😉

  8. baloo says:

    ben ça marche pas dans Internet Explorer, cette usine à gaz lourdingue

  9. A savoir, on peut aussi le faire sur d’autres navigateurs :

    -webkit-transform: rotate(-30deg) scale(1) skew(1deg) translate(0px);
    -moz-transform: rotate(-30deg) scale(1) skew(1deg) translate(0px);
    -o-transform: rotate(-30deg) scale(1) skew(1deg) translate(0px);

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *