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

timssky

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

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






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

effrit

  • Легенда
  • 9549
  • 1049 / 13
  • effrit.com
*

AlekVolsk

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

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

timssky

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

Сделать рабочей кнопку Купить

Автор lara064

Ответов: 0
Просмотров: 61
Последний ответ 11.06.2019, 17:05:19
от lara064
Как отредактировать кнопку поиска?

Автор MorfixProton

Ответов: 8
Просмотров: 235
Последний ответ 06.06.2019, 11:51:23
от Gerostrat
Не отображаются изображения на сайте

Автор Leo1986

Ответов: 5
Просмотров: 121
Последний ответ 27.05.2019, 12:08:42
от sivers
Вывод изображения в Списке категорий

Автор Dolphin4ik_1

Ответов: 1
Просмотров: 124
Последний ответ 27.02.2019, 00:53:07
от pavelrer
Как убрать кнопку "Печатать"? | Joomla 3.8?

Автор sd2

Ответов: 3
Просмотров: 117
Последний ответ 29.01.2019, 14:16:58
от sd2