0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 555 Просмотров
*

timssky

  • Захожу иногда
  • 330
  • 0 / 0
Глупый вопрос) но не могу додуматься

Есть  2 иконки:






Как блин сделать чтобы иконка менялась при наведении на кнопку с желтого на красный цвет?
https://jsfiddle.net/mu52w79k/1/
*

effrit

  • Легенда
  • 10132
  • 1118 / 13
  • effrit.com
*

AlekVolsk

  • Гуру
  • 6915
  • 415 / 4
вариант 2:
делаем иконку в svg и вставляем svg непосредственно во внутрь кнопки, заверстываем размеры и позицию svg, для указания цвета в стилях указываем
Код
button svg {fill: yellow}
button:hover svg {fill: red}

ессно свои классы подставить вместо прямых тегов, внутри svg не должно быть атрибута fill=""
в итоге: только одна картинка вместо двух, на ховер для свг можно повесить транзишн для плавной смены цвета - будет красивее
*

timssky

  • Захожу иногда
  • 330
  • 0 / 0
Спасибо Вам большое! Тема закрыта.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Изображения перестали открываться

Автор rezchik

Ответов: 5
Просмотров: 352
Последний ответ 03.02.2023, 20:25:43
от beliyadm
Автоматическая смена категории

Автор marksetter

Ответов: 9
Просмотров: 533
Последний ответ 23.01.2023, 22:23:21
от sivers
Блок особенностей, как добавить в поле с информацией кнопку или ссылку Подробнее

Автор Alex from SPb

Ответов: 5
Просмотров: 324
Последний ответ 28.11.2022, 19:54:42
от marksetter
Проблема с выводом изображения в VirtueMart 3

Автор vetkrs

Ответов: 0
Просмотров: 251
Последний ответ 30.09.2022, 17:22:43
от vetkrs
Автоматическая загрузка изображения при сохранении материала

Автор dy88

Ответов: 3
Просмотров: 777
Последний ответ 01.06.2021, 09:19:11
от NewUsers