Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Ruslan Yusupov
@RuslanRS
HTML
CSS
Веб-разработка
Вёрстка
Можно ли наложить прозрачный градиент на img?
Нужно чтоб при наведении на картинку на нее накладывался полупрозрачный цвет. Как это сделать?
Вопрос задан
более трёх лет назад
1444 просмотра
Комментировать
Подписаться
1
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
Alexander Litvinenko
@edli007
full stack, team lead
Поверх картинки div с прозрачным фоном, при hover фон становиться полупрозрачным градиентом.
Ответ написан
более трёх лет назад
2
комментария
Нравится
2
комментария
Facebook
Вконтакте
Twitter
Ruslan Yusupov
@RuslanRS
Автор вопроса
А как div поверх картинки наложить?
Написано
более трёх лет назад
Максим
@LenovoId
Ruslan Yusupov
:
https://jsfiddle.net/atlanta/rvL7nkwh/
вот так
Написано
более трёх лет назад
Максим Тимофеев
@webinar
Куратор тега Веб-разработка
Учим yii: https://youtu.be/-WRMlGHLgRg
Варианта 2:
1. Обычная картинка, а поверх нее div с абсолютным позиционированием.
2. Вместо картинки svg - как следствие можем ее менять как угодно через css.
Главное понять: накладываем квадрат или надо повторить контур на картинке.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
3
Дмитрий
@soledar10
html css3 js jquery
https://jsfiddle.net/soledar10/a2j03cpm/
https://jsfiddle.net/soledar10/91qw5h9e/
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
niknamme
@fredaev
Вот хорошая коллекция
imagehover.io
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Сергей Горячев
@webirus
Тыжверстальщик! Наверстай мне упущенное...
https://jsfiddle.net/3cdz1fjh/3/
https://jsfiddle.net/3cdz1fjh/4/
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
Веб-разработка
+1 ещё
Простой
Почему не кэшируются страницы на клиенте?
1 подписчик
6 часов назад
42 просмотра
1
ответ
CSS
+1 ещё
Простой
Как прижать элемент div class bl вниз Boostrap 5?
1 подписчик
13 часов назад
47 просмотров
1
ответ
Веб-разработка
Простой
Как на HTML сделать поиск по сайту?
2 подписчика
19 апр.
1479 просмотров
4
ответа
HTML
+2 ещё
Простой
Почему не срабатывает скролл?
1 подписчик
18 апр.
154 просмотра
1
ответ
CSS
Средний
Как повторить бордер?
1 подписчик
18 апр.
163 просмотра
1
ответ
CSS
Простой
Как правильно работать с background?
1 подписчик
18 апр.
121 просмотр
3
ответа
HTML
Простой
Как запрос POST при отправке формы на e-mail превращается в GET и что сделать, чтобы этого не было?
1 подписчик
17 апр.
85 просмотров
1
ответ
HTML
+4 ещё
Средний
Какие принципы нужно соблюдать при разработке фреймворков по типу Bootstrap/Tabler, UIKit и прочих?
1 подписчик
17 апр.
145 просмотров
3
ответа
HTML
+1 ещё
Простой
Как сделать соединение точек на сайте линиями?
3 подписчика
15 апр.
236 просмотров
1
ответ
CSS
Простой
Как изменить цвета текста, который поверх картинки?
1 подписчик
15 апр.
101 просмотр
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки
Teachbase
•
Красноярск
До 55 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Frontend разработчик
AMarkets
•
Москва
от 2 000 $
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама