Fade-In Body
PRO
Component
ⓘ This component affects the Elements code and does not add anything visible to the layout. Simply drag it in and edit the options. Then export and preview in the browser to see the effect.
A configurable fade-in effect applied to the body, smoothly revealing the page on load. It allows control over speed, delay, easing, and initial opacity, with optional responsive targeting. Designed to improve the first visual impression with simple but flexible settings.
Options:
✓ Enabled fade-in toggle
✓ Speed control (animation duration)
✓ Delay before animation starts
✓ Easing function selection
✓ Initial opacity level
✓ Responsive visibility breakpoints
✓ Full-device visibility mode (any device)