Crack
Crack 为你的作品注入破碎感。它会根据预设的网格数量,运用图像扭曲与颜色分离,使你的图像或视频呈现出张力十足的故障效果。Crack 特别适合表现冲突、分裂或转变等主题,为你的作品增添深刻的视觉寓意和情感共鸣。
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件允许定义动画的最终状态。触发后,动画将过渡并保持在该状态。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件允许定义动画的最终状态。触发后,动画将过渡并保持在该状态。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件允许定义动画的最终状态。触发后,动画将过渡并保持在该状态。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
Segment (1 -10)
设置媒体的网格分割数量。此值决定媒体在水平和垂直方向上的切割次数,更高的值会产生更多的网格。
Strength (0 - 1)
控制网格的扭曲强度。较高的值会使网格单元偏离原始位置更远,增强破碎感。
Chroma (0 -10)
调节颜色分离的程度。较高的值会产生更明显的色彩偏移。
Reveals cool WebGL Effects Components for Framer.