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

Как сделать элемент, что бы один край был скошен?

61f6ccf7dc04d316648408.png
Нужно сделать элемент (красный с надписью "Возможности") на сайт, как на скрине. И его нужно "наложить" на контейнер, который будет ниже.
Совершенно не могу понять как сделать эту скошенную линию.
Спасибо всем кто поможет!
  • Вопрос задан
  • 92 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Обычный градиент под нужным вам углом.
https://jsfiddle.net/ma20jnf6/
Либо треугольный псевдоэлемент.
Либо clip-path.
Либо transform skew и задвинуть за край окна и обратный для текста.
Ещё что-нибудь, что я забыла.
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать WebApp Telegram/
24 нояб. 2024, в 18:08
1000 руб./за проект
Электронные визитки .vcf с QR кодом
24 нояб. 2024, в 17:52
3000 руб./за проект
Деплой приложения
24 нояб. 2024, в 16:14
1000 руб./за проект
Ещё заказы