Unskewing дочерние divs родителя div

У меня есть родительский элемент, перекошенный, чтобы сделать параллелограмм. Я не могу понять, как развязать дочерние элементы, я даже просмотрел несколько старых вопросов в стеке и нашел решения, но он не работает для меня.Unskewing дочерние divs родителя div

Вот ссылка на CodePen: http://codepen.io/DerekDev/pen/MYQrrQ

Я использую это перекос:

-webkit-transform: skew(20deg, 0deg); 
    -moz-transform: skew(20deg, 0deg); 
    -ms-transform: skew(20deg, 0deg); 
    -o-transform: skew(20deg, 0deg); 
    transform: skew(20deg, 0deg);

И это unskew ребенка, но как я уже сказал, он не работает:

-webkit-transform: skew(-20deg, 0deg) !important; 
    -moz-transform: skew(-20deg, 0deg) !important; 
    -ms-transform: skew(-20deg, 0deg) !important; 
    -o-transform: skew(-20deg, 0deg) !important; 
    transform: skew(-20deg, 0deg) !important;

Если у кого-то есть решение, которое могло бы исправить это, это было бы здорово.

P.S. Мне нужно это в чистом css :)

источник

2015-02-14 DerekDev

У вас есть опечатка в селекторе ('.bar статус {..}'). Перед статусом отсутствует. – Harry

Ничего, я знаю проблему. Дурак я!

источник

2015-02-14 15:09:09 DerekDev

Ну, поделитесь проблемой? – Haring10

@JoshHarington Уверенная вещь - это была просто опечатка в коде, я забыл добавить точку в css ... – DerekDev

Просто добавьте . перед тем status так что вы можете выбрать class="status" вместо <status>

источник

2015-02-14 15:10:19

Unskewing дочерние divs родителя div

ответ

Смежные вопросы