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

timssky

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

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






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

effrit

  • Легенда
  • 10028
  • 1102 / 13
  • effrit.com
*

AlekVolsk

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

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

timssky

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

Автоматическая загрузка изображения при сохранении материала

Автор dy88

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

Автор vlmedia

Ответов: 1
Просмотров: 135
Последний ответ 29.03.2021, 13:23:47
от a-vikalingvo
Показать (развернуть) полный текст (в материале) после нажатия на кнопку

Автор slepoy

Ответов: 4
Просмотров: 201
Последний ответ 04.01.2021, 00:54:59
от pavelrer
Протестировать кнопку мне нравится ~

Автор kiev

Ответов: 4
Просмотров: 147
Последний ответ 28.11.2020, 04:31:57
от Cedars
Как добавить кнопку на форму?

Автор OnePrg

Ответов: 10
Просмотров: 438
Последний ответ 23.09.2020, 15:35:47
от OnePrg