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

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

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

619a1412dbd82748528349.png

619a141bace6d657168715.png
  • Вопрос задан
  • 152 просмотра
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:
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack Developer под Wordpress
Future Search
от 90 000 до 150 000 ₽
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
CRM Bitrix24 разработчик
World Vision Clinic • Москва
от 170 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Веб-дизайн клининговой компании
22 дек. 2024, в 17:54
10000 руб./за проект
Нарисовать UX/UI дизайн для игры. Нарисовать несколько иконок для игры
22 дек. 2024, в 17:45
10000 руб./за проект
Написать макросы для excel
22 дек. 2024, в 17:39
2000 руб./за проект
Ещё заказы