Crack

Crack 为你的作品注入破碎感。它会根据预设的网格数量,运用图像扭曲与颜色分离,使你的图像或视频呈现出张力十足的故障效果。Crack 特别适合表现冲突、分裂或转变等主题,为你的作品增添深刻的视觉寓意和情感共鸣。

拷贝组件

组件已拷贝

属性控制

Crack
Component
Media

Image

Video

Image

Image

Size

Fill

Segament
Strgenth
Chroma
Animate

Appear

Transition

Spring

Crack
Component
Media

Image

Video

Image

Image

Size

Fill

Segament
Strgenth
Chroma
Animate

Appear

Transition

Spring

Crack
Component
Media

Image

Video

Image

Image

Size

Fill

Segament
Strgenth
Chroma
Animate

Appear

Transition

Spring

组件特性

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

组件允许定义动画的最终状态。触发后,动画将过渡并保持在该状态。

亮色/暗色主题媒体

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

自定义过渡

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

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

组件允许定义动画的最终状态。触发后,动画将过渡并保持在该状态。

亮色/暗色主题媒体

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

自定义过渡

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

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

组件允许定义动画的最终状态。触发后,动画将过渡并保持在该状态。

亮色/暗色主题媒体

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

自定义过渡

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

属性说明

Segment (1 -10)

设置媒体的网格分割数量。此值决定媒体在水平和垂直方向上的切割次数,更高的值会产生更多的网格。

Strength (0 - 1)

控制网格的扭曲强度。较高的值会使网格单元偏离原始位置更远,增强破碎感。

Chroma (0 -10)

调节颜色分离的程度。较高的值会产生更明显的色彩偏移。

探索下一个效果

Error

Error Effect Cover.
Error Effect Cover.
Error Effect Cover.

Reveals cool WebGL Effects Components for Framer.