Burn

Burn 为你的作品带来独特的视觉变换。它巧妙地模拟出纸片燃烧的效果,呈现出令人惊叹的揭示过程。你的观众将看到燃烧的边缘逐渐蔓延,揭示出作品的原始内容。Burn 非常适合象征性的表达,为你的艺术作品增添独特的视觉魅力,并传达转变、重生或真相显露等深层含义。

拷贝组件

组件已拷贝

属性控制

Burn
Component
Media

Image

Video

Image

Image

Size

Fill

Burn
Density
Edge Color

#000000

Animate

Appear

Transition

Spring

Burn
Component
Media

Image

Video

Image

Image

Size

Fill

Burn
Density
Edge Color

#000000

Animate

Appear

Transition

Spring

Burn
Component
Media

Image

Video

Image

Image

Size

Fill

Burn
Density
Edge Color

#000000

Animate

Appear

Transition

Spring

组件特性

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

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

亮色/暗色主题媒体

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

自定义过渡

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

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

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

亮色/暗色主题媒体

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

自定义过渡

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

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

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

亮色/暗色主题媒体

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

自定义过渡

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

属性说明

Burn (0 - 1)

控制燃烧效果的进度。值越大,燃烧效果越强烈,可见的媒体内容越少。当值为1时,媒体完全被"燃尽"而不可见。

Density (0 - 2)

调节燃烧图案的密集程度。较高的值会产生更多的燃烧节点,创造更复杂的燃烧纹理。

探索下一个效果

Scan

Scan Effect Cover.
Scan Effect Cover.
Scan Effect Cover.

Reveals cool WebGL Effects Components for Framer.