滚动效果——模糊

模糊让您逐渐使元素与访问者的滚动相关地从清晰变为模糊。一个例子是背景图像出现,然后根据滚动消失。

模糊尺度

高级或样式 > 背景 #

运动效果 #

  1. 滚动效果:滑动到开启
  2. 模糊:单击铅笔编辑图标
    方向:选择 4 个可能的效果方向之一:
    淡入– 元素从模糊开始,然后根据级别和视口设置逐渐变得清晰。
    淡出– 元素开始时清晰,然后逐渐变得模糊,基于关卡和视口设置。
    Fade Out In – 元素一开始是清晰的,然后淡出到模糊,然后又变得清晰,这取决于关卡和视口设置。
    Fade In Out – 元素从模糊开始,然后变得清晰,然后再次模糊,基于级别和视口设置
    级别:将所需的峰值模糊级别设置为从 0 到 10
    视口:根据视口高度(设备屏幕的可见尺寸)确定何时开始效果。例如,如果视口值设置在 50 – 100 之间,则效果仅在您滚动一半视口高度后才会启动。
  3. 将效果应用到:选择以在台式机、平板电脑和/或移动设备上应用运动效果
  4. 相对于的效果:从默认、视口或整个页面中选择

提示:尝试以下方案。将方向设置为淡入淡出。将视口设置在 30-60 之间,并注意会发生什么:航向开始聚焦,在 30% 处达到峰值模糊级别,直到 60% 保持不变,然后淡出直到屏幕结束。

Powered by BetterDocs

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

Scroll to Top