用渐进模糊和平滑渐变设计交互效果

第 7 课,共 15 课Hana入门9 分钟

在本教程中,我们将探索用平滑渐变和渐进模糊打造柔和、精致设计的多种风格与技巧,以及如何在 Hana 中把它们变成交互式体验。

我们会先讲解如何为形状添加渐变和模糊效果,然后制作各种交互元素,例如悬停动画、跟随光标的效果、循环动画和分层模糊效果。所有这些都可以直接嵌入你的网页项目,无需编写代码!👌

演示场景:https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

你将学到

  1. 0:00简介
  2. 0:15用渐变做简单设计
  3. 2:57添加图层模糊
  4. 3:41创建鼠标悬停交互
  5. 5:28为文字制作交互式模糊效果
  6. 6:44制作循环的径向渐变动画
  7. 7:43制作跟随光标的渐变和模糊效果

相关资源