Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Ruslan Yusupov
@RuslanRS
HTML
CSS
Веб-разработка
Вёрстка
Можно ли наложить прозрачный градиент на img?
Нужно чтоб при наведении на картинку на нее накладывался полупрозрачный цвет. Как это сделать?
Вопрос задан
более трёх лет назад
1445 просмотров
Комментировать
Подписаться
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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+1 ещё
Простой
Как сделать, чтобы на сайте картинка при нажатии открывалась в большом размере а при повторном щелчке возвращалась к исходнику? В HTML?
1 подписчик
23 часа назад
154 просмотра
4
ответа
PHP
+2 ещё
Простой
Есть web-сервер на php или nodejs который поддерживает работу с .htaccess?
1 подписчик
вчера
483 просмотра
4
ответа
JavaScript
+3 ещё
Простой
Как открыть ссылку из html-файла на диске в той же вкладке браузера?
1 подписчик
вчера
145 просмотров
2
ответа
CSS
Простой
Почему offset-path смещает координаты элемента и как это исправить?
2 подписчика
вчера
106 просмотров
0
ответов
JavaScript
+2 ещё
Средний
Как сделать такой эффект фона на css/js?
2 подписчика
06 июл.
1220 просмотров
0
ответов
HTML
+1 ещё
Простой
Как лучше задать размер элемента, + как сделать треугольник в виде плеера?
1 подписчик
06 июл.
81 просмотр
0
ответов
Вёрстка
Простой
TG Mini App Full screen отступ от выреза?
2 подписчика
05 июл.
223 просмотра
1
ответ
CSS
+1 ещё
Простой
Как правильно подключить шрифты в 1C-Битрикс и почему у меня не получается?
1 подписчик
02 июл.
185 просмотров
1
ответ
CSS
Простой
Как убрать фон в input после выбора?
1 подписчик
02 июл.
109 просмотров
1
ответ
HTML
+1 ещё
Простой
Как соединить кнопку и форму вместе?
1 подписчик
01 июл.
115 просмотров
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Frontend-разработчик
MyAdsTarget
от 150 000 ₽
Frontend разработчик на React
SkillsRock
•
Таганрог
от 60 000 до 90 000 ₽
Front-End developer (JavaScript, jQuery)
Karma8
от 150 000 до 320 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама