滚动效果——透明度

透明度可让您逐渐使元素相对于访问者的滚动更透明或更明显。一个例子是有一个标题出现,然后根据滚动解散。

高级或样式 > 背景 #

运动效果 #

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

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

Powered by BetterDocs

发表回复

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

Scroll to Top