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

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

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

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Frontend разработчик
Базис-Центр • Коломна
от 30 000 до 70 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Оформление ВК, услуги-4 карточки, 1 обложка
04 мая 2024, в 12:21
800 руб./за проект
Доработать веб-приложение на React + TypeScript
04 мая 2024, в 12:21
20000 руб./за проект
ASO дизайн для ios приложения (Иконка+Скриншоты)
04 мая 2024, в 12:04
5000 руб./за проект
Ещё заказы