Задать вопрос
@Azamat_TURBO

Как скруглить картинку в контейнере с border-radius?

Не получается скруглить картинку в контейнере с border-radius. Как это можно пофиксить?

https://codepen.io/Azamat_TURBO/pen/YmpERB
  • Вопрос задан
  • 1896 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 2
Можете прописать на класс .card {overflow:hidden }
или img {border-radius: 20px}.
Если хотите скруглить только верхную часть картинки, тогда img {border-top-right-radius:20px; border-top-left-radius:20px}
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@AngryYum
border-radius: 20px; самой картинке да и все)
Вы же пытаетесь скруглить див где лежит картинка, а не смогу картинку)
Ответ написан
Комментировать
если хочешь через блок то нужно блоку указать overflow: hidden он обрежет картинку тогда или просто сделать бордер картинке)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы
FoodSoul Калининград
от 160 000 до 250 000 ₽
FunFlow Москва
от 80 000 до 120 000 ₽