6
votes

Faites pivoter une page Web dans le sens des aiguilles d'une montre ou dans le sens des aiguilles d'une montre

Je veux donner à l'utilisateur la possibilité de faire pivoter le contenu de ma page Web, y compris des images, du texte et des divs. Est-ce possible?

PS:

Je veux faire pivoter toute la page Web. Pas seulement un conteneur div.

javascript jquery jquery-animate

1 commentaires

@Tomalak jsfiddle.net/kdnny/1 CSS3 à la rescousse!

3 Réponses :

1
votes

Si vous utilisez jQuery, vous pouvez utiliser le plug-in jrumble pour atteindre ce

Le site Web concerné peut être trouvé ici

0 commentaires

1
votes

La seule façon dont j'ai entendu parler de cette atteinte, incorporer votre HTML dans un élément de contenu étranger SVG.

0 commentaires

6
votes

Vous pouvez utiliser css3 xxx

http://jsfiddle.net/ Kdnny / 1 /

ne fonctionne pas sur tous les navigateurs cependant. Cet exemple est uniquement pour Firefox et Chrome / Safari. L'opéra devrait l'avoir aussi. Peut-être même à savoir

edit

et juste au cas où tout le monde pense "oh, il vient de faire tourner un div!", Vérifiez cette

http://jsbin.com/utupu5/ (page complète)

2 commentaires

Vous venez d'envelopper le contenu de

et de rotation de cette div. ;) Si la page ne contient pas de div, il est toujours possible d'être tourné?

@Selvin j'espère que vous plaisantez! Le deuxième exemple applique en réalité le style au corps (j'ai eu une prémonition des personnes atteintes de la mauvaise conclusion!). Si vous envisagez d'écrire votre HTML sans corps, je ne peux pas vous aider! : P