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