Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Azat S.
@azat-io
HTML
CSS
Веб-разработка
Как сделать внутренню тень для маленького изображения без указания его размера?
Подскажите как сделать затемнение небольшого изображения по краям.
При абсолютном позиционировании box-shadow растягивается по ширине экрана и выглядит не очень здорово:
codepen.io/anon/pen/zvBqXv
Вопрос задан
более трёх лет назад
96 просмотров
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Профессиональная вёрстка на HTML и CSS
3 месяца
Далее
Stepik
Основы HTML и CSS
2 недели
Далее
OTUS
HTML/CSS
3 месяца
Далее
Решения вопроса
1
Azat S.
@azat-io
Автор вопроса
Нашёл решение.
Необходимо добавить display: inline-block; в селектор img.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Therapyx
@Therapyx
Data Science
Дописать в .img {
position: relative;
width:200px;
}
codepen.io/anon/pen/KdMzjL
?
Или тебе надо саму картинку затемнять? )
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Azat S.
@azat-io
Автор вопроса
Без указания размера хотелось бы, чтоб эти свойства задать нескольким изображениям
Написано
более трёх лет назад
Therapyx
@Therapyx
Azat S.
: Дак в любом случае надо размещать эти картинки по блокам.
Написано
более трёх лет назад
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
вчера
124 просмотра
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
195 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
128 просмотров
1
ответ
HTML
+1 ещё
Простой
Как в руководстве steam сделать обтекающий картинку текст?
1 подписчик
08 окт.
123 просмотра
1
ответ
Веб-разработка
+1 ещё
Средний
Как корректно реализовывать согласие пользователя на обработку персональных данных, в связи с новыми правками?
6 подписчиков
03 окт.
673 просмотра
3
ответа
Веб-разработка
Простой
На сколько важно использовать услугу «Настройка защищенного соединения» от Timeweb?
2 подписчика
03 окт.
210 просмотров
3
ответа
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
100 просмотров
1
ответ
HTML
+1 ещё
Средний
Скачал плагин image preview в вс коде, чтобы установить иконку сайта. Иконка появилась в браузере, но не появилась слева напротив строки. Почему так?
1 подписчик
30 сент.
145 просмотров
1
ответ
CSS
Простой
Как пофиксить визуальный глитч с border-radius и transparent + blur?
2 подписчика
26 сент.
153 просмотра
2
ответа
CSS
Простой
CSS3 как выбрать последние 4 элемента?
1 подписчик
25 сент.
206 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
Специалист технической поддержки (чат)
WebSoft
от 50 000 до 70 000 ₽
Web-разработчик
ЭНДИ Консалтинг
от 40 000 до 40 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама