Est-il possible d'incliner un champ de saisie et une zone de texte avec CSS?

Question

Ok Les garçons! J'en ai un pour vous tous.

Est-ce que quelqu'un a trouvé comment faire pour incliner un champ de texte dans un formulaire? Je suis fatigué des champs horizontaux parfaitement droits et je voudrais expérimenter avec quelque chose de différent. Je ne veux pas utiliser le flash.

Une petite action d'inclinaison s'il vous plaît.

Cheers. Erik

Answer 1

Vous pouvez utiliser quelque chose comme ce qui est décrit here.

A partir de ce site:

Pour WebKit et Firefox (à partir de 3.5), vous pouvez profiter de la proposé de transformer la propriété pour gérer la rotation . Chaque navigateur requiert son préfixe de propriété pour l'instant.

-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 

Pour IE:

En ce qui concerne les effets dans Internet Explorer, il y a une quantité surprenante du pouvoir (et non exploité à cela, je dire) à l'aide filtres Bien que trompeuse, il existe un filtre appelé BasicImage qui offre la possibilité de faire pivoter n'importe quel élément qui a la disposition.

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 

Answer 2

Essayez ceci: http://www.cssportal.com/css-properties/rotation.htm

Ou utiliser SVG avec un HTML intégré.