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

Можно ли сделать такие края блока на css?

Кто нить делал такие хитровыдуманные края у блока? Просто пока вставляю через псевдоэлемент картинкой. Но по моему это не лучшая идея т.к. содержимое блока может быть динамическим. Такое вообще можно сделать на css?

619a1412dbd82748528349.png

619a141bace6d657168715.png
  • Вопрос задан
  • 150 просмотров
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 3
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Ответ написан
Комментировать
Комментировать
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Фоновым градиентом под нужным углом.
Можно в один псевдо, можно вообще без него.
Правда, по количеству кода варианты с градиентами не выигрывают перед идеей заинлайнить svg в css
Ответ написан
Комментировать
Комментировать
Get-Web
@Get-Web Куратор тега CSS
Front-End Developer
Вариант с drop-shadow и clip-path:
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Спарсить ссылки на все товары конкретного продавца в озон
18 апр. 2024, в 20:13
2000 руб./за проект
Устранить проблемы с парсерами и отображением новостей
18 апр. 2024, в 20:08
7000 руб./за проект
Ещё заказы