TT55EE
@TT55EE
Кшендерма ерендык

Как сделать такой skewX?

Есть два блока идентичных с абсолютным позиционированием внутри общего контейнера.
Второй блок создается как клон первого.
Нужно сделать скос так чтобы чтобы получилось как на картинке слева

Пытаюсь настроить transform-origin: left center;
Но получается только как на картинке справа.

То есть нужно создать клон, поместить его за оригиналом и сделать ему скос, так чтобы они были выровнены по нижней стороне.

5a76d1e960ea0796809348.png
  • Вопрос задан
  • 45 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
transform-origin: left bottom;
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Stalker_RED
@Stalker_RED
transform-origin: 0 100%;
https://jsfiddle.net/Ls31903e/

upd:
первое значение можно указывать вообще любое валидное, оно, похоже, вообще не влияет ни на что, просто место занимает. Второе значение должно быть 100% или bottom;
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы