Table of Contents
模糊让您逐渐使元素与访问者的滚动相关地从清晰变为模糊。一个例子是背景图像出现,然后根据滚动消失。
高级或样式 > 背景 #
运动效果 #
- 滚动效果:滑动到开启
- 模糊:单击铅笔编辑图标
方向:选择 4 个可能的效果方向之一:
淡入– 元素从模糊开始,然后根据级别和视口设置逐渐变得清晰。
淡出– 元素开始时清晰,然后逐渐变得模糊,基于关卡和视口设置。
Fade Out In – 元素一开始是清晰的,然后淡出到模糊,然后又变得清晰,这取决于关卡和视口设置。
Fade In Out – 元素从模糊开始,然后变得清晰,然后再次模糊,基于级别和视口设置
级别:将所需的峰值模糊级别设置为从 0 到 10
视口:根据视口高度(设备屏幕的可见尺寸)确定何时开始效果。例如,如果视口值设置在 50 – 100 之间,则效果仅在您滚动一半视口高度后才会启动。 - 将效果应用到:选择以在台式机、平板电脑和/或移动设备上应用运动效果
- 相对于的效果:从默认、视口或整个页面中选择
提示:尝试以下方案。将方向设置为淡入淡出。将视口设置在 30-60 之间,并注意会发生什么:航向开始聚焦,在 30% 处达到峰值模糊级别,直到 60% 保持不变,然后淡出直到屏幕结束。