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

Error

Error Icon
Error Icon
Error Icon

Error 为你的作品带来数字时代的美学。它通过模拟电子显示设备故障时的状态,创造出强烈的断裂感和不协调感,观众将看到画面内容的错位与颜色偏移效果。Error 适合用于表现不确定、脆弱或混乱等主题,让你的作品在视觉上更具冲击力。

Copy Component

属性控制

Block Size (Number: 0-1)

偏移块的尺寸,越小的数值会产生更多的偏移块。

Block Shift (Number: 0-1)

偏移块的强度,越大的值会让块的偏移概率更高。

Color Size (Number: 0-1)

颜色块的尺寸。越大的值会产生越明显的颜色分离效果。

Color Shift (Number: 0-1)

颜色块的偏移强度。越大的值会让颜色块的偏移概率更高。

Frequency (Number: 0-1)

偏移块与颜色块的出现频率,越大的值能让偏移块与颜色块出现的次数更多。

Animate: Fade In (Boolean: Yes/No)

出现效果,启用后画面将从完全不显示开始,并在动画过程中伴有隐藏区域。

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

Animation Start (EventHandler: onAnimationStart)

当动画开始时触发事件。

Animation End (EventHandler: onAnimationEnd)

当动画结束时触发事件。

Video End (EventHandler: onVideoEnd)

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

Media Loaded (EventHandler: onMediaload)

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

Error
Component
Media

Image

Video

Image

Image

Size

Fill

Block Size
Block Shift
Color Size
Color Shift
Frequency
Animate

Appear

Transition

Spring

Variant 1

Variant 2

Error
Component
Media

Image

Video

Image

Image

Size

Fill

Block Size
Block Shift
Color Size
Color Shift
Frequency
Animate

Appear

Transition

Spring

Variant 1

Variant 2

Error
Component
Media

Image

Video

Image

Image

Size

Fill

Block Size
Block Shift
Color Size
Color Shift
Frequency
Animate

Appear

Transition

Spring

Variant 1

Variant 2

特性

随心使用你的图片或视频

使用滚动动画来触发效果

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

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

跟随颜色主题切换媒体

兼容 Framer 的过渡控制器

在任意进度停止动画

下一个

Variant 1

Variant 2

Video

by

Cottonbro

Variant 1

Variant 2

Video

by

Cottonbro

Reveals cool WebGL Effects Components for Framer.