Все сервисы Хабра
Сообщество 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
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
HTML
+1 ещё
Простой
Как сделать подчеркивание, как на картинке?
1 подписчик
15 часов назад
130 просмотров
2
ответа
JavaScript
+2 ещё
Простой
Почему не срабатывает удаление класса?
1 подписчик
15 мая
172 просмотра
2
ответа
HTML
+1 ещё
Простой
Как сделать нестандартную рамку?
1 подписчик
14 мая
147 просмотров
1
ответ
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
13 мая
762 просмотра
1
ответ
HTML
+1 ещё
Простой
Код не работает, как так?
3 подписчика
08 мая
1944 просмотра
2
ответа
HTML
+1 ещё
Простой
Почему страница не всегда скролит до нужного якоря?
1 подписчик
07 мая
186 просмотров
1
ответ
CSS
+1 ещё
Простой
Как сделать такую сетку?
1 подписчик
06 мая
424 просмотра
2
ответа
HTML
+1 ещё
Простой
Различие скелета в пк версии и телефонной, как лучше всего делать такие вещи?
1 подписчик
02 мая
184 просмотра
1
ответ
JavaScript
+3 ещё
Простой
Проблема с WordPress как исправить ошибку?
2 подписчика
01 мая
1369 просмотров
0
ответов
HTML
+1 ещё
Простой
Как зафиксировать кнопки в html?
1 подписчик
30 апр.
164 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-программист (Bitrix) / PHP, CSS, JS (Fullstack)
OX8.RU
от 70 000 до 150 000 ₽
Фронтенд разработчик Middle
Astra Health Tech
•
Москва
от 200 000 до 250 000 ₽
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама