Scan

Scan 为你的作品带来充满未来感和科技感的呈现方式。它先对内容边缘进行多彩的扫描,让你的观众能够清晰地看到内容的轮廓。随后,完整的作品会逐渐显现,仿佛被高科技设备缓缓解析。这种独特的呈现过程不仅能够吸引观众的注意力,还能为你的作品增添一种神秘感和期待感。

拷贝组件

组件已拷贝

属性控制

Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Angle
Edge Sensitivity
Tint

#55CCFF

Animate

Appear

Transition

Spring

Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Angle
Edge Sensitivity
Tint

#55CCFF

Animate

Appear

Transition

Spring

Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Angle
Edge Sensitivity
Tint

#55CCFF

Animate

Appear

Transition

Spring

组件特性

图像 & 视频

组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。

滚动动画

组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。

滚动变换

组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。

亮色/暗色主题媒体

组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。

自定义过渡

组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。

图像 & 视频

组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。

滚动动画

组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。

滚动变换

组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。

亮色/暗色主题媒体

组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。

自定义过渡

组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。

图像 & 视频

组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。

滚动动画

组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。

滚动变换

组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。

亮色/暗色主题媒体

组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。

自定义过渡

组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。

提示

边缘动画始终是多彩的,当你设置 Tint 颜色时,它仅改变边缘动画中的部分颜色。

属性说明

Angle (0 - 360)

设置扫描动画的方向。0度表示自上而下扫描,90度表示自右向左扫描。

Edge Sensitivity (0 - 1)

调整对媒体内容边缘的检测敏感度。较高的值会使边缘轮廓更加突出。

Tint (颜色)

自定义扫描动画的边缘颜色。需要注意的是,最终呈现的颜色会与原始媒体内容的颜色相互影响,可能与设置的颜色不同。

探索下一个效果

Shutter

Reeded Glass Effect
Reeded Glass Effect
Reeded Glass Effect

Reveals cool WebGL Effects Components for Framer.