[Résolu] Menu parallèlograme et texte en italique

Bonjour,

Je boss actuellement sur un site qui à un design en oblique, le menu de navigation possède des divs parallèlograme, sauf que quand j'utilise

-webkit-transform: skewX(33deg);
-moz-transform: skewX(33deg);
-ms-transform: skewX(33deg);
-o-transform: skewX(33deg);
transform: skewX(33deg);

le texte à l'intérieure se retrouve en italique sans moyens de le changer.. sachant que je débute en WD ^^

Salut,

Je sais pas si c'est très propre et si ca dégrade pas trop le rendu des polices mais tu peux toujours redresser le texte à l'intérieur en faisant la transformation inverse : https://jsfiddle.net/bhmdrpr1/

Sinon tu utilise une bloc frère du texte (et non parent) pour faire le losange et tu superpose le texte dessus.

Sujet résolue merci _laurent c'était tout bête en plus ^^ ça fonctionne super bien



Felipe -> ça marche merci
Modifié par Jean-Webdesigner (10 Apr 2017 - 10:05)

_laurent a écrit :
Salut,

Je sais pas si c'est très propre et si ca dégrade pas trop le rendu des polices mais tu peux toujours redresser le texte à l'intérieur en faisant la transformation inverse : https://jsfiddle.net/bhmdrpr1/

Sinon tu utilise une bloc frère du texte (et non parent) pour faire le losange et tu superpose le texte dessus.

Je pense un peu comme toi Laurent mais je n'ai pas fait de test pour constater ou non une dégradation. Une alternative serait de faire la forme avec before...