Vinstrok
@Vinstrok
Веб разработчик

Как сделать радиус «Мягкий квадрат»?

Всем привет подскажите пожалуйста как можно добиться такой формы у иконки при помощи закругления или математики?
606d92ea8150a363973753.jpeg
  • Вопрос задан
  • 113 просмотров
Пригласить эксперта
Ответы на вопрос 3
@deppa1118
Если вдруг ещё актуально то фигура называется squircle, на канале droider show есть про нее полное описание и мат функция как ее вывести https://youtu.be/GuFJTPf13RU
Ответ написан
pavel_ataykin
@pavel_ataykin
Верстаю и программирую всякое.
Привет! для этого достаточно свойства border-radius. Вот тут https://developer.mozilla.org/ru/docs/Web/CSS/bord... документация с примерами, как сделать похожее. Тебе остаётся подобрать нужные числа для твоего случая.
-----
Внизу меня поправили. Согласен с этим, что через border-radius 1 в 1 не сделать. Простым вариантом может стать свойство mask-image дока: https://developer.mozilla.org/en-US/docs/Web/CSS/m...

P.S. поддержка браузерами хорошая, интерактив учитывать позволяет и без странных полигонов :)
Ответ написан
@Radia
Это эллипс! Есть функция графика эллипса.
Ответ написан
Ваш ответ на вопрос

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

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