Skew sur div avec texte ne subissant pas la déformation

Bonjour,

Quand on fait un skew en axe X.
La div se déforme.
Le texte à l'intérieur aussi.

J'aimerai réussir une div ainsi déformée, le texte interne non déformé mais qui suit proportionnellement la ligne de départ de la div.

Exemple en txt :

_______________
\
..\ Le petit oiseau
....\ La petite grenouille
......\ Le gros nul en css
........\_______________

Avez-vous une solution ?
Modifié par westernz (22 Dec 2011 - 23:08)

Ca y est je commence a négocier mes problèmes tout seul

.menu_header{
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-transform: skew(20deg);
-moz-transform: skew(20deg);
-o-transform: skew(20deg);
border: 0px solid #000000;
background-color: #DDDDDD;
padding: 9px;
font-family: Verdana, Geneva, sans-serif;
font-size: 12pt;
color: #888888;
text-align: left;
outline: 0px solid #000000;
}

.menu_normalize{
-webkit-transform: skew(-20deg);
-moz-transform: skew(-20deg);
-o-transform: skew(-20deg);
}

<div class='menu_header'><a class="menu_normalize"> totoitr  <br />
ohezhe<br />
 oicds ihcsdhcoshoserfzlh <br />
olhzoih</a></div>

Modifié par westernz (23 Dec 2011 - 12:58)