Блог

Главная - Вопросы по программированию - как оформить SVG-изображение, чтобы изменить цвет с задержкой

как оформить SVG-изображение, чтобы изменить цвет с задержкой

#javascript #css #svg #css-transitions #mix-blend-mode

#javascript #css #svg #css-переходы #смешивание-режим смешивания

Вопрос:

получил svg, который переключается между coloroverlays, стиль выглядит следующим образом

 .wsf-tshirt{fill:#fff;mix-blend-mode: multiply;}

и включенная строка Java выглядит следующим образом:

 $('.wsf-tshirt').css({fill: '#field(391)', 'mix-blend-mode': 'multiply'});

В: какие элементы мне добавить, чтобы переход длился секунду?

Комментарии:

1. java это не то же самое javascript , что и похоже, что вы тоже используете jQuery , поэтому обновите свои теги в соответствии с этим

2. Вы имеете в виду изменить цвет, а затем вернуться через секунду?

3. ну, создаю интернет-магазин, и мне нужно стилизовать свойство перехода, которое сейчас существует, вот проект persienner.online/product/linknap Я новичок в любом кодировании — как переход между двумя цветами проходит плавно или, может быть, с эффектом градиента или что-то в этом роде..