Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Muvka
@Muvka
CSS
Можно ли сделать закругленные углы с использованием clip-path: polygon?
Если есть какие хитрости, подскажите. Нагуглить не смог. Нужна специфичная форма с вырезом и скошенной стороной, но при этом с округлыми углами.
Вопрос задан
более трёх лет назад
3639 просмотров
1
комментарий
Подписаться
1
Средний
1
комментарий
Facebook
Вконтакте
Twitter
Олег
@politon
сбрось хотя бы эскиз того, что нужно
Написано
более трёх лет назад
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
1
ixon
@ixon
Только если у вас квадрат и радиус скругления равен половине высоты:
https://codepen.io/anon/pen/djBKKp
Если же это прямоугольник с произвольными углами, советую использовать border-radius у контейнера, в который будет вписан ваш объект:
https://codepen.io/anon/pen/NBZzEL
или же использовать обтравочные маски svg:
https://developer.mozilla.org/en-US/docs/Web/SVG/T...
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
12 часов назад
60 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
1 подписчик
17 часов назад
121 просмотр
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
20 часов назад
62 просмотра
0
ответов
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
171 просмотр
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
96 просмотров
1
ответ
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
01 июл.
104 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как поменять цвет линии при нажатии?
1 подписчик
30 июн.
168 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как создать скрипт удаления элемента HTML используя Tempermonkey?
1 подписчик
29 июн.
120 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как реализовать выдвигающийся из айтема блок(при нажатии на плюс)?
1 подписчик
29 июн.
95 просмотров
0
ответов
HTML
+1 ещё
Простой
Как выровнить в колонку фотки как на макете?
1 подписчик
28 июн.
99 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Frontend разработчик (Java-Script)
Товеко
от 45 000 до 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама