用渐进模糊和渐变制作交互式开关

第 8 课,共 15 课Hana入门4 分钟

在本教程中,我们将演示如何制作一个 100% 在 Hana 中完成的交互式开关,使用渐进模糊加渐变,并通过鼠标悬停事件实现交互。这是一个很有意思的设计,可用于各种项目,我们会一步步带你完成。

在这里二次创作这个演示:https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3

你将学到

  1. 0:00简介
  2. 0:15创建基础形状
  3. 0:39添加渐变
  4. 1:04添加图层模糊效果
  5. 1:46创建触发器
  6. 1:57添加鼠标悬停事件和过渡
  7. 2:24创建白色描边并添加状态
  8. 3:07为描边设置过渡
  9. 3:35结尾

相关资源