Задать вопрос
@IvanIvanIvanIvanIvan
css

Как трансформировать div так, чтобы одна сторона поднялась выше другой?

Как трансформировать div так, чтобы одна сторона поднялась выше другой? Как указано на картинке:

5ffd8c9a8f02d869441520.jpeg
  • Вопрос задан
  • 54 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Проще всего transform: skew() (значение укажите сами) для псевдоэлемента.
Менее удобная альтернатива: поворот блока и потом обратный поворот для теста.
Во втором варианте может быть размытие.

https://jsfiddle.net/9byhnupx/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners LLC
от 350 000 до 420 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Пополнение кошелька монетой TAO(Bittensor)
30 янв. 2025, в 10:57
300 руб./за проект
Разработать экспорт документа УПД в XML формат для платформы 1с 77
30 янв. 2025, в 10:54
5000 руб./за проект
Разработать помощника в игре Хроники Хаоса на андроид
30 янв. 2025, в 10:54
1000 руб./за проект
Ещё заказы