Как избавиться от искривления текста в параллелограмме нарисованного через CSS3 2D Transforms?

Question

[Kuzya]

Собственно накидал примерчик https://jsfiddle.net/fumr20ap/1/
Текст который находится в теле параллелограмма, тоже реагирует на указанный угол для параллелограмма

Как сделать так что бы текст и тд не реагировали на угол указанный в CSS

Answer 1

[Дмитрий Лузанов]

Так?

Comments

[Kuzya]

красафчик =)

[Дмитрий Лузанов]

Kuzya: P.S. Не забывайте указывать свойство без префикса: transform: skew(160deg);

Answer 2

[xtala zen]

У вас текст наследует стили родительского элемента. Ваша задача назначить ему свой стиль. Только не забывайте про приоритеты стиля или по другому его "вес"

Comments

[Kuzya]

В примере что я дал, можете показать?

[xtala zen]

Kuzya: сейчас попробую

[xtala zen]

https://jsfiddle.net/fumr20ap/5/ вот

Answer 3

[xmoonlight]

Искривите реверсионно)
https://jsfiddle.net/fumr20ap/6/

Comments

[Kuzya]

В примере что я дал, можете показать?