Как сделать плавное скругление на CSS?

Есть такой дизайн
62f01caf32bf1761301554.jpeg
Подскажите, как можно реализовать на css такое скругление (кнопка и белая ободок вокруг него)?
  • Вопрос задан
  • 160 просмотров
Решения вопроса 2
@nonconformiste
Сохранить белую выемку в svg, разместить ее :after секции с абсолютным позиционированием, кнопку сделать как получится, так-же абсолютным позиционированием разместить, у секции должно быть позиционирование относительным.
Ответ написан
Комментировать
@SigmaMale
Middle Frontend developer (плюс минус middle)
Я бы сохранил весь фон как картинку (серую часть с выемкой + розовую линию) и задал бы как фоновое изображение родителю кнопки.

Изменено:
Второй вариант: попросить дизайнера что бы он вырезал кусочек фона как на фото (только белую часть), а дальше использовать её как фон для кнопки. Если вместо белого фона там может быть другой цвет, то лучше сохранить картинку как SVG код и дальше делать через псевдо элемент. Для SVG можно будет изменить цвет через CSS.
62f021cdc7a53203296520.jpeg
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы