Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
weranda
@weranda
CSS
Дизайн
Adobe Photoshop
Как сделать вот такие скругления?
Приветствую.
Как сделать такие скругления в редакторе или стилями?
Вопрос задан
более трёх лет назад
2416 просмотров
Комментировать
Подписаться
2
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
RAX7
@RAX7
В иллюстраторе можно применить эффект wrap inflate к прямоугольнику со скругленными углами. В фотошоп перенести из иллюстратора простым ctrl+c ctrl+v.
snippet
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
McBernar
@McBernar
Скорее всего сделано в Фигме.
У меня получилось при 38 радиусе и 100% corner smoothing.
Ответ написан
более трёх лет назад
1
комментарий
Нравится
1
1
комментарий
Facebook
Вконтакте
Twitter
Василий
@Edward_Kenway
Да, в Фигме такие фишки отлично применяются. Сам юзаю её с удовольствием.
Написано
более трёх лет назад
Пригласить эксперта
Ответы на вопрос
2
drawnofmymind
@drawnofmymind
border radius: 15процентов;
overflow: hidden;
Ответ написан
более трёх лет назад
4
комментария
Нравится
4
комментария
Facebook
Вконтакте
Twitter
weranda
@weranda
Автор вопроса
border-radius просто скругляет четыре угла, но не делаем форму такой.
Написано
более трёх лет назад
alalala
@alalala
weranda
, в фотошопе делайте
Написано
более трёх лет назад
weranda
@weranda
Автор вопроса
alalala
, Класс, я про то и спрашиваю — как?
Написано
более трёх лет назад
alalala
@alalala
маску создай и пили
Написано
более трёх лет назад
Андрей Федоров
@aliencash
Партизан
Чистый css
... К сожалению значения нужно подбирать и общий фон возможен только одноцветный (поверх картинки аватар нельзя разместить)
https://codepen.io/aliencash/pen/jObPZyV?editors=1100
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
+1 ещё
Простой
Почему при dispalay:grid ломается обводка блока через svg?
1 подписчик
9 часов назад
68 просмотров
1
ответ
CSS
Простой
Растягиваются колонки таблицы, при table { width: 100%} и col: { width: 200px }, как исправить это поведение?
1 подписчик
вчера
86 просмотров
2
ответа
CSS
Простой
Почему не центрируется текст?
1 подписчик
31 мар.
130 просмотров
2
ответа
CSS
Простой
Vite при сборке проекта Laravel + React искажает CSS свойства, как решить?
1 подписчик
30 мар.
181 просмотр
0
ответов
HTML
+1 ещё
Простой
Как наложить на фон ещё объекты с текстом внутри?
1 подписчик
27 мар.
133 просмотра
0
ответов
HTML
+1 ещё
Простой
Как реализовать такой слайдер товаров?
1 подписчик
25 мар.
180 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы текст был обернут линией?
1 подписчик
25 мар.
138 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Как сделать пролистывание картинок в карточке товара?
1 подписчик
25 мар.
204 просмотра
2
ответа
CSS
Простой
Как вырезать плавно углы у блока css?
2 подписчика
23 мар.
153 просмотра
0
ответов
HTML
+1 ещё
Средний
Как правильно нужно скопировать элемент сайта?
1 подписчик
22 мар.
117 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама