Постоянно менять оттенок изображения

Question

Постоянно менять оттенок изображения

0

Есть ли способ изменить изображение Hue - от -180 до 180 - через, скажем, 20 секунд? Если это так, то когда этот процесс/сценарий повторяется/цикл бесконечно?

Slava Knyazev 26 окт. 2014, в 20:52

Источник

Теги:

javascript

jquery

html

css

css3

1 ответ

Ещё вопросы

Zenexer · Accepted Answer · 2014-10-26T17-26-00.000Z

Есть несколько способов, которые вы могли бы попробовать. Наиболее совместимым, вероятно, будет SVG или холст. Существуют библиотеки для управления изображениями SVG с помощью JavaScript, и там много документации на холсте на MDN.

Хотя поддержка ограничена по мере написания, в будущем вы сможете использовать новое свойство filter CSS. Вы можете комбинировать это с CSS @keyframes для создания анимации с очень маленьким JavaScript, что было бы довольно удивительным. В частности, вы захотите посмотреть на функцию изменения hue-rotate для filter.

Онлайн-пример CSS-фильтра: jsbin.com/qukef/1/edit?html,css,output Поддержка браузеров в настоящее время ограничена браузерами Webkit и Firefox 35+.
@HashemQolami Удивительно! Я слепой или это не работает без причины? jsbin.com/hecovesuwu/1/edit?html,css,output Я только что добавил идентификатор
@ViruZX Это все еще работает для меня, проверено в Chrome 38.
@HashemQolami Извините, я медленно схожу с ума, эта ссылка: jsbin.com/josavezifi/1/edit?html,css,output
@ViruZX Да, есть ошибка с вашим селектором CSS, вы должны удалить пробел в img #demo как в img#demo - Пример :)