Интерактивные эффекты с прогрессивным размытием и плавными градиентами

В этом уроке мы разберём разные стили и приёмы создания мягких, изысканных дизайнов с плавными градиентами и прогрессивным размытием, а также покажем, как превратить их в интерактивный опыт в Hana.

Сначала мы объясним, как добавлять к фигурам градиенты и эффекты размытия, а затем перейдём к интерактивным элементам: анимациям при наведении, эффектам следования за курсором, зацикленным анимациям и многослойному размытию. Всё это готово к встраиванию в ваш веб-проект без единой строчки кода! 👌

Демо-сцены: https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3