Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
FeeFort
@FeeFort
CSS
Как сделать чтобы при наведении курсора png картинка увеличивалась и окрашивалась в опр. цвет?
Ребят, есть картинка. При наведении курсора она увеличивается. Но мне надо чтобы она и окрашивалась. Как это сделать?
Вопрос задан
более трёх лет назад
129 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
2
xnf4o
@xnf4o
BackEnd
Чтоб меняла цвет - никак. Можно повесить только фильтры (
https://html5book.ru/css3-filtry/)
и все. Либо использовать две картинки, одна простая, вторая виднеется при наведении.
Ответ написан
более трёх лет назад
2
комментария
Нравится
1
2
комментария
Facebook
Вконтакте
Twitter
FeeFort
@FeeFort
Автор вопроса
Спасибо, щас попробую сделать.
Написано
более трёх лет назад
Dima Polos
@dimovich85
Куратор тега CSS
FeeFort
, это не иконка слчайно? если да, то ищите ее в svg, будет проще
Написано
более трёх лет назад
Михаил Власов
@Whiled0S
Lazy frontend
Если сильно хочется, то можно
blend-mode
заюзать, но остерегайтесь
поддержки браузерами
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+4 ещё
Простой
Как реализовать запуск видео на сайте по клику видео YouTube/Vimeo на bootstrap?
1 подписчик
3 часа назад
21 просмотр
0
ответов
HTML
+1 ещё
Простой
Как сверстать такую кнопку?
1 подписчик
07 июн.
2176 просмотров
3
ответа
CSS
Простой
Как с помощью flex распредилить кнопки как на картинке?
1 подписчик
04 июн.
192 просмотра
2
ответа
CSS
Средний
Как изменить цвет элемента на сайте WordPress?
1 подписчик
31 мая
92 просмотра
1
ответ
JavaScript
+1 ещё
Средний
Как вычислить размер шрифта для блока div с заданным размером?
2 подписчика
31 мая
240 просмотров
1
ответ
JavaScript
+3 ещё
Средний
Как сделать расширенную область при наведении курсора?
4 подписчика
30 мая
1474 просмотра
1
ответ
CSS
Средний
Как делать такие фигуры в css?
1 подписчик
29 мая
173 просмотра
1
ответ
HTML
+1 ещё
Простой
Как растянуть содержимое ячейки td на всю ширину и высоту ячейки?
1 подписчик
29 мая
155 просмотров
1
ответ
HTML
+1 ещё
Простой
Как на элементах слайдера сделать вертикальный текст прижатый к левому краю и не по всей высоте?
1 подписчик
27 мая
91 просмотр
1
ответ
CSS
+1 ещё
Простой
Как устранить конфликт стилей в WordPress?
1 подписчик
25 мая
173 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Fullstack Developer под Wordpress
Future Search
от 100 000 до 150 000 ₽
Специалист по техническому сопровождению клиентов (2 линия)
Food Soul
•
Калининград
от 60 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама