Как сделать замену цвета при наведении на изображение?

rylov.info
30 Posts
rylov.info posted this 11 October 2021
Ask a Question

Здравствуйте.
Как сделать так, чтобы при наведении на изображение в меню, менялся цвет самой картинки? Можно ли это как-то реализовать?
Скрин - http://joxi.ru/EA44Bz1Cvl7kQA - вот при наведении мышкой, чтобы была возможность замены картинки на цветную, в админке, либо изображение делалось черно-белым. Сейчас в анимации наведения только приблизить/отдалить. А вот наложить цвет или замена картинки - нет. Есть ли какой-то еще способ так сделать?

Здравствуйте. Как сделать так, чтобы при наведении на изображение в меню, менялся цвет самой картинки? Можно ли это как-то реализовать? Скрин - http://joxi.ru/EA44Bz1Cvl7kQA - вот при наведении мышкой, чтобы была возможность замены картинки на цветную, в админке, либо изображение делалось черно-белым. Сейчас в анимации наведения только приблизить/отдалить. А вот наложить цвет или замена картинки - нет. Есть ли какой-то еще способ так сделать?
анимация замена-цвета
Vote to pay developers attention to this features or issue.
5 Replies
Order By: Standard | Newest
Support Team
Support Team posted this 11 October 2021

Hi,

Замена картинке по хеверу невозможна, а вот наложить затемнение вы можете, переключитесь в Hover state и укажите цвет и прозрачность для background.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hi, Замена картинке по хеверу невозможна, а вот наложить затемнение вы можете, переключитесь в Hover state и укажите цвет и прозрачность для background. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
rylov.info
30 Posts
rylov.info posted this 11 October 2021

а можно подробнее? не совсем понятно, как сделать
Вот я нажал ховербокс, есть затемнение. А что далльше - http://joxi.ru/eAOW9YMf68Y8QA ?

а можно подробнее? не совсем понятно, как сделать Вот я нажал ховербокс, есть затемнение. А что далльше - http://joxi.ru/eAOW9YMf68Y8QA ?
Support Team
Support Team posted this 11 October 2021

Вот с опцией background вы можете изменить цвет и итенсивность этого затемнения при наведении.
Также вы можете в настройках background для Hover выбрать опцию картинки и выбрать желаемую картинку для Hover. Тогда при наведении на эту ячейку у вас будет появляться выбранная картинка.
Попробуйте поэксперементировать с опциями бэкграунда, используя разные картинки.

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Вот с опцией background вы можете изменить цвет и итенсивность этого затемнения при наведении. Также вы можете в настройках background для Hover выбрать опцию картинки и выбрать желаемую картинку для Hover. Тогда при наведении на эту ячейку у вас будет появляться выбранная картинка. Попробуйте поэксперементировать с опциями бэкграунда, используя разные картинки. ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
rylov.info
30 Posts
rylov.info posted this 12 October 2021

где опция background ?
Вот скрин - http://joxi.ru/Q2K19Y4iy8983r
При нажатии на ховербокс уже выбрана картинка бэкграунда. Как сделать, чтобы анимация при наведении была и задействовать картинку? ничего не понятно. Дайте пожалуйста ответ развернутый. Уже третий день мучаюсь

где опция background ? Вот скрин - http://joxi.ru/Q2K19Y4iy8983r При нажатии на ховербокс уже выбрана картинка бэкграунда. Как сделать, чтобы анимация при наведении была и задействовать картинку? ничего не понятно. Дайте пожалуйста ответ развернутый. Уже третий день мучаюсь

Last edited 12 October 2021 by rylov.info

Support Team
Support Team posted this 12 October 2021

Добрый день.

Да, у вас выбрана картинка для состояния По Умолчанию. Теперь пореключитесь на состояние Наведение и выберете желаемую картинку.

hover-state.png

...................................................
Sincerely,
Hella
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Добрый день. Да, у вас выбрана картинка для состояния По Умолчанию. Теперь пореключитесь на состояние Наведение и выберете желаемую картинку. !hover-state.png! ................................................... Sincerely, Hella Nicepage Support Team Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1 Follow us on Facebook: http://facebook.com/nicepageapp
hover-state.png
You must log in or register to leave comments

Company
Product
Themes & Templates
Nicepage
Web Design