Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Alex
@Kozack
Thinking about a11y
CSS
Как сделать подобный «вырез» в блоке?
Хочу сделать прямоугольный блок с "вырезом".
По аналогии как на этом изображении
Вопрос задан
более трёх лет назад
969 просмотров
1
комментарий
Подписаться
5
Средний
1
комментарий
Facebook
Вконтакте
Twitter
Ankhena
@Ankhena
Куратор тега CSS
Нарисуйте в SVG
Или используйте в clip-path.
Альтернатива это радиальные градиенты, но будет проблема со скруглением уколков.
Написано
более трёх лет назад
Решения вопроса
3
Олег
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Как вариант, так
snippet
Ответ написан
более трёх лет назад
7
комментариев
Нравится
7
7
комментариев
Facebook
Вконтакте
Twitter
profesor08
@profesor08
Куратор тега CSS
Углы не скругленные.
Написано
более трёх лет назад
Олег
@politon
profesor08
, за пиво скруглю на чистом css
Написано
более трёх лет назад
profesor08
@profesor08
Куратор тега CSS
Олег
, вот прям интересно
Написано
более трёх лет назад
Олег
@politon
profesor08
, забьем?
Написано
более трёх лет назад
profesor08
@profesor08
Куратор тега CSS
Олег
, мне не жалко
Написано
более трёх лет назад
Олег
@politon
snippet
profesor08
, секс еще тот, но с колена работает ;)
Написано
более трёх лет назад
profesor08
@profesor08
Куратор тега CSS
Олег
, мне было бы стыдно такой результат показывать. Крайний вариант это использовать clip-path, но поддержка слабая. Поэтому только svg, работает везде.
Написано
более трёх лет назад
Сергей Зенькович
@JamesHatfield
Front-end developer
Посмотрите здесь
https://coderoad.ru/8560640/%D0%92%D1%8B%D0%BF%D1%...
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
profesor08
@profesor08
Куратор тега CSS
Тебе надо центральную часть сделать как svg, боковые обычными блоками закрашенными. Потом поверх располагаешь элементы управления.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
0
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
1 подписчик
07 июл.
676 просмотров
5
ответов
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
06 июл.
113 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
2 подписчика
06 июл.
1366 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
06 июл.
84 просмотра
0
ответов
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
188 просмотров
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
109 просмотров
1
ответ
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
01 июл.
116 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как поменять цвет линии при нажатии?
1 подписчик
30 июн.
176 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как создать скрипт удаления элемента HTML используя Tempermonkey?
1 подписчик
29 июн.
128 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как реализовать выдвигающийся из айтема блок(при нажатии на плюс)?
1 подписчик
29 июн.
100 просмотров
0
ответов
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Старший Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Senior Frontend-разработчик
Vortex
•
Москва
от 300 000 до 350 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама