Ripple

Ripple

Blocks

Blocks

Reeded Glass

Reeded Glass

Shutters

Shutters

Pixel Scan

Pixel Scan

Distortion

Distortion

Burn

Burn

Error

Error

Crack

Crack

Scan

Scan

Ripple

Ripple

Blocks

Blocks

Reeded Glass

Reeded Glass

Shutters

Shutters

Pixel Scan

Pixel Scan

Distortion

Distortion

Burn

Burn

Error

Error

Crack

Crack

Scan

Scan

Scan

ScanIcon
ScanIcon
ScanIcon

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

Copy Component

属性控制

Angle (Number: 0-360)

动画角度。例如,Angle 为0时,扫描自上而下进行。

Edge Sensitivity (Number: 0-1)

媒体内容的边缘敏感度,数值越高则边缘显示越强烈。

Tint (Color)

边缘混合颜色。设置的颜色将于原始媒体内容混合。

将组件作为巢内组件时,可以使用以下属性。

Animation Start (EventHandler: onAnimationStart)

当动画开始时触发事件。

Animation End (EventHandler: onAnimationEnd)

当动画结束时触发事件。

Video End (EventHandler: onVideoEnd)

当视频播放结束时触发事件,当 Loop 为 Yes 时,这个事件不会被触发。

Media Loaded (EventHandler: onMediaload)

当媒体载入完成时触发事件。

Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Angle
Edge Sensitivity
Tint

#55CCFF

Animate

Appear

Transition

Spring

Variant 1

Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Angle
Edge Sensitivity
Tint

#55CCFF

Animate

Appear

Transition

Spring

Variant 1

Scan
Component
Media

Image

Video

Image

Image

Size

Fill

Angle
Edge Sensitivity
Tint

#55CCFF

Animate

Appear

Transition

Spring

Variant 1

特性

随心使用你的图片或视频

使用滚动动画来触发效果

使用滚动变换创建交互式体验

使用滚动变换创建交互式体验。

跟随颜色主题切换媒体

兼容 Framer 的过渡控制器

下一个

Variant 1

Video

by

Yan Krukau

Variant 1

Video

by

Yan Krukau

Reveals cool WebGL Effects Components for Framer.