rebrikover
@rebrikover

Как при наведении изменить цвет и фон этих изображений?

Подскажите, как реализовать такое?

Получается, что рамка должна менять цвет при наведении и фон. При этом внутренняя иконка перекрашивается в белый цвет и внутри иконки также должен менять цвет на цвет фона. Я понятия не имею как такое сделать.

И вообще, подскажите чем реализовывать нормальную смену цвета при наведении. Я делаю обычно иконки конвертирую в шрифт и таким образом меняю цвет, еще знаю можно просто менять изображение при наведении, но таким образом с плавностью не получится, потому что будет видно как передвигается иконка.

Короче буду благодарен если подскажите советами ) кто как меняет цвет иконок при наведении и как реализовать смену фона внутри иконки.

5b7460be77ca4770620025.jpeg
  • Вопрос задан
  • 649 просмотров
Решения вопроса 1
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
На базе вот этого (делала с другой целью): https://jsfiddle.net/Ankhena/tevpLmbn/ делаете 6-ти угольную рамку. Вместо слова "кнопка" ваша шрифтовая иконка.
Ну и при наведении меняете какие хотите цвета.

Но я за SVG.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы