С помощью этого примера вы сможете зарегистрировать CSS свойства, собрать свой градиент для элементов в ZeroBlock и плавно анимировать смену цветов при наведении мыши или при тапе на тачскрине. Пример доступен в оригинале статьи на моем сайте. *Настройки помечены комментариями в коде. Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе. Данный код работает на CSS Painting API, в настоящее время поддерживается в браузерах на базе Chromium. В код встроен Polyfill для более широкой поддержки. Я указал 2 метода регистрации CSS свойств, используйте какой-то 1, который вам более удобен или нравится.
С помощью этого примера вы сможете зарегистрировать CSS свойства, собрать свой градиент для элементов в ZeroBlock и плавно анимировать смену цветов при наведении мыши или при тапе на тачскрине.
Пример
Пример доступен в оригинале статьи на моем сайте.
Инструкция
- Копируете код в T123;
- Устанавливаете внизу страницы, если используете на всем сайте, то устанавливайте в подвал;
- Создаете элементы в ZeroBlock;
- Заполняете настройки*;
- Присваиваете класс;
- Публикуйте страницу.
*Настройки помечены комментариями в коде.
Код примера
Код примера вы можете скопировать, перейдя по ссылке на оригинал статьи, т.к. в Дзен нет обертки для кода в редакторе.
Дополнение
Данный код работает на CSS Painting API, в настоящее время поддерживается в браузерах на базе Chromium. В код встроен Polyfill для более широкой поддержки.
Я указал 2 метода регистрации CSS свойств, используйте какой-то 1, который вам более удобен или нравится.