Задать вопрос
azat-io
@azat-io

Как сделать внутренню тень для маленького изображения без указания его размера?

Подскажите как сделать затемнение небольшого изображения по краям.

При абсолютном позиционировании box-shadow растягивается по ширине экрана и выглядит не очень здорово:
codepen.io/anon/pen/zvBqXv
  • Вопрос задан
  • 96 просмотров
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
azat-io
@azat-io Автор вопроса
Нашёл решение.

Необходимо добавить display: inline-block; в селектор img.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Therapyx
@Therapyx
Data Science
Дописать в .img {
position: relative;
width:200px;
}
codepen.io/anon/pen/KdMzjL
?
Или тебе надо саму картинку затемнять? )
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы