Comments 4
Granim.js Описание: Интерактивные градиенты для фонов. Библиотека поддерживает плавные переходы и реагирует на пользовательские действия. Минусы: Основана на JavaScript, что может увеличить размер страницы.
С тех пор, как я узнал про вот такой приём на чистом CSS: https://stackoverflow.com/questions/6542212/use-css3-transitions-with-gradient-backgrounds/63848864#63848864, моя жизнь стала немного легче.
Наверно, не всё, что умеет Granim.js, можно сделать так, но все анимации градиентов, которые нужны мне на практике, оказалось можно так сделать.
В одном проекте для литераторов (журнал) есть рубрика "Облака". Надо будет поюзать Vanta.js — очень красиво с облаками и настоек много. Искренне благодарю за наводку!
А что ж примеров не дали даже?
Строго говоря, почти половина - это JS анимации, а не CSS.
Разница всё-таки огромна, как с точки зрения разработчика (воткнуть пару классов или возиться с событиями), так и с т.з. пользователя (и воя его вентиляторов / высаживания батареи).
CSS-анимации: 20 полезных библиотек для разработчиков