Reeded Glass

Reeded Glass 为你的作品带来独特的质感与深度。它巧妙地模拟出长虹玻璃的细长条纹纹理,为你的作品覆盖上一层半透明滤镜,让画面呈现出朦胧而又富有层次的视觉效果。Reeded Glass 特别适用于营造私密、怀旧或者梦幻的氛围,让你的作品更加细腻动人,给人留下深刻而难忘的印象。

拷贝组件

组件已拷贝

属性控制

Reeded Glass
Component
Media

Image

Video

Image

Image

Size

Fill

Stripe
Distortion
Animate

Appear

Transition

Spring

Reeded Glass
Component
Media

Image

Video

Image

Image

Size

Fill

Stripe
Distortion
Animate

Appear

Transition

Spring

Reeded Glass
Component
Media

Image

Video

Image

Image

Size

Fill

Stripe
Distortion
Animate

Appear

Transition

Spring

组件特性

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

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

亮色/暗色主题媒体

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

自定义过渡

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

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

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

亮色/暗色主题媒体

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

自定义过渡

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

图像 & 视频

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

滚动动画

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

滚动变换

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

目标动画

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

亮色/暗色主题媒体

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

自定义过渡

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

属性说明

Stripe (0 - 100)

控制长虹玻璃条纹的数量。较高的值会创造出更细密的纹理。

Distortion (0 - 1)

调节扭曲强度,影响玻璃条纹的突出程度和媒体内容的扭曲效果。较高的值会让玻璃条纹更加明显。

Fade In (Yes/No)

启用或禁用淡入效果。当启用时,会为效果添加一个基于扭曲变化的透明度动画。

探索下一个效果

Pixel Scan

Pixel Scan Effect Cover
Pixel Scan Effect Cover
Pixel Scan Effect Cover

Reveals cool WebGL Effects Components for Framer.