Створюйте інтерактивні ефекти з прогресивним розмиттям і плавними градієнтами

У цьому уроці ми розглянемо різні стилі й техніки створення м’яких витончених дизайнів за допомогою плавних градієнтів і прогресивного розмиття, а також як перетворити їх на інтерактивний досвід у Hana.

Спершу пояснимо, як додавати до форм градієнти й ефекти розмиття, а потім перейдемо до інтерактивних елементів: анімацій при наведенні, ефектів, що стежать за курсором, циклічних анімацій і багатошарового розмиття. Усе це готове до вбудовування у ваш вебпроєкт, без жодного коду! 👌

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