Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Владимир Ионенко
@ionenkovladimir
CSS
Как реализовать изогнутые блоки?
Добрый день коллеги! Интересует Ваше мнение, как лучше и правильнее реализовать такие изогнутые блоки ?
Вопрос задан
более трёх лет назад
496 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Ivan Bogachev
@sfi0zy
Куратор тега CSS
Creative frontend developer
Посмотрите
вот эту
демку. Вариант немножко костыльный, но работает.
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Владимир Ионенко
@ionenkovladimir
Автор вопроса
Я думал о таком варианте, есть вопрос, как тогда высчитать необходимые значения border-radius. Т.е. нужно все вручную подгонять ? Ведь с каждой стороны и у каждого блока свои углы скругления.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
2
Edward
@EdOther
Student - Programmer
canvas?
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Александр Лысенко
@AlexanderZe
Интересующийся
А запилите их в целом в SVG, может получиться. При этом градиент накладывается уже средствами css
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Средний
Есть для готовый плагин для проверки css-переменных со следующими фичами (см. описание)?
1 подписчик
3 часа назад
32 просмотра
0
ответов
CSS
Простой
Как выровнять крестик?
1 подписчик
вчера
90 просмотров
1
ответ
CSS
Простой
Как решить проблему с наложением в сафари?
2 подписчика
22 июл.
291 просмотр
1
ответ
CSS
Простой
Что поправить в градиенте?
1 подписчик
21 июл.
95 просмотров
0
ответов
HTML
+1 ещё
Простой
Как прижать нижние колонки к низу родительского блока?
4 подписчика
19 июл.
1932 просмотра
3
ответа
CSS
+2 ещё
Средний
Как создать фотогалерею с неявной сеткой в CSS?
1 подписчик
18 июл.
102 просмотра
2
ответа
CSS
Простой
Есть ли кроосбраузерный способ убрать абзац?
1 подписчик
18 июл.
115 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Как сделать zoom в smartslider?
1 подписчик
16 июл.
51 просмотр
0
ответов
CSS
Простой
Как повторить фильтр с фигмы?
2 подписчика
15 июл.
1582 просмотра
0
ответов
HTML
+1 ещё
Простой
Как лучше всего реализовать данный фон?
1 подписчик
14 июл.
204 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
HTML-верстальщик (HTML/CSS/JavaScript)
CleanTalk
от 100 000 ₽
Разработчик Vue.js
Совкомбанк Технологии
•
Красноярск
Frontend-разработчик
Vortex
•
Москва
от 300 000 до 350 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама