Transparency allows you to make items gradually more transparent or more visible in correlation with the visitor's scrolling. An example is that a title appears and then dissolves according to the parchment.
Advanced or Style> Background
Motion effects
- Scroll Effects: Slide to ON
- Transparency: Click the pencil edit icon
Direction: Choose one of the 4 possible directions of the effect:
*Merge - The element starts out as transparent and gradually becomes visible, depending on the settings in the viewport.
*Disappear - The element starts as visible and gradually becomes transparent, depending on the settings in the viewport
*Cast in - The element starts as visible, then fades, and then becomes visible again, depending on the settings in the viewport.
*Fade In Out - The element starts out as transparent, then becomes visible, then transparent again, depending on the settings in the viewport.
level: Sets the transparency level from 0 to 10
Viewport: Determines when to start the effect, based on the height of the viewport (the visible size of the device screen). For example, if the viewport value is set between 50 and 100, the effect starts only after you move half the height of the viewport. - Apply effects on: Select to apply motion effects on desktop, tablet and / or mobile devices
- Effects Relating to: Choose from Default, View, or Full Page
Tip: Try the following scenario. Set the direction as Fade In and Out. Set the viewport to 30-60 and watch what happens: the title starts out transparent, reaches the maximum level of transparency at 30%, stays the same until 60%, and fades to the bottom of the screen.
