Pixel Scan
Pixel 为你的作品带来独特的数字解构与与像素化视觉体验,创造出令人惊叹的渐进式呈现过程。观众将被每一个像素的出现吸引,见证媒体内容的重塑。无论是用于数字艺术作品,还是突出技术主题,Pixel 效果都能为你的作品增添独特的现代感和创意色彩。通过调整像素数量、随机程度和出现方向,你可以创造出从细腻到粗犷的视觉风格,使你的作品脱颖而出。
Direction
Direction
Direction
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
组件支持图像或视频作为输入媒体。兼容 Framer 内置的媒体修饰器,允许对媒体进行调整。
组件能够监测视口状态,在媒体元素进入可视区域时触发动画,触发阈值可自定义。
组件可根据页面滚动进度动态调整动画状态,动画作用范围可通过参数控制。
组件能针够对不同主题(亮色/暗色)配置独立的媒体内容,并根据当前主题动态切换。
组件集成了 Framer 的过渡控制器。支持自定义缓动函数和弹性参数。
在暗色图像中启用缩放效果(Scale Effect),像素会产生边缘闪烁的效果。
Pixel (1 - 200)
控制像素的数量和尺寸。较高的值会产生更多、更小的像素,创造更精细的像素化效果。注意:使用过高的数值可能会影响性能。
Randomness (0 - 1)
调节像素出现的随机程度。较高的值会使像素在更多随机位置出现,增加视觉的复杂性和不规则性。
Brightness (0 - 10)
设置像素的峰值亮度。控制像素在动画过程中能够达到的最大亮度,影响整体视觉效果的明亮度和对比度。
Direction (T/R/B/L/TL/TR/BL/BR)
指定像素出现的方向。选项包括上(T)、右(R)、下(B)、左(L)、左上(TL)、右上(TR)、左下(BL)、右下(BR)。
Scale Effect (Yes/No)
启用或禁用缩放效果。当启用时,每个像素动画完成后会对整个媒体进行缩放。注意:缩放基于媒体的原始比例进行,如果容器比例与媒体比例不同,则会导致画面裁剪。
Scale Value (0 - 2)
当 Scale Effect 启用时,控制媒体缩放的倍数。
Reveals cool WebGL Effects Components for Framer.