Задать вопрос
@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 ₽
Trainee - IT Support
move2usajobs LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Верстка Flutter + API
21 нояб. 2024, в 22:21
3000 руб./в час
Разработать Custom Speech-to-text Operator на Apache Flink
21 нояб. 2024, в 21:42
100000 руб./за проект
Сделать видио поздравления с субтитрами
21 нояб. 2024, в 21:30
500 руб./за проект
Ещё заказы