Задать вопрос
TT55EE
@TT55EE
Кшендерма ерендык

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

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

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

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

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

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

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

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