Scan
Scan 为你的作品带来充满未来感和科技感的呈现方式。它先对内容边缘进行多彩的扫描,让你的观众能够清晰地看到内容的轮廓。随后,完整的作品会逐渐显现,仿佛被高科技设备缓缓解析。这种独特的呈现过程不仅能够吸引观众的注意力,还能为你的作品增添一种神秘感和期待感。
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
边缘动画始终是多彩的,当你设置 Tint 颜色时,它仅改变边缘动画中的部分颜色。
Angle (0 - 360)
设置扫描动画的方向。0度表示自上而下扫描,90度表示自右向左扫描。
Edge Sensitivity (0 - 1)
调整对媒体内容边缘的检测敏感度。较高的值会使边缘轮廓更加突出。
Tint (颜色)
自定义扫描动画的边缘颜色。需要注意的是,最终呈现的颜色会与原始媒体内容的颜色相互影响,可能与设置的颜色不同。
Reveals cool WebGL Effects Components for Framer.