10Web Website Builder offers a dynamic Entrance Animations feature that breathes life into your web pages. This feature enables Widgets and containers to appear with captivating animations as visitors scroll through your site.
Adding entrance animations
To add entrance animation to your website:
- Select the container or widget you wish to animate.
- Navigate to the Advanced tab > Motion Effects > Entrance Animation.
- Select your preferred animation from the Entrance Animation dropdown.
The builder provides a variety of animations tailored for different devices, including:
Fading: Options like Fade in, fade in up, down, left, right.
Zooming: Including Zoom in, zoom in up, down, left, right.
Bouncing: Such as Bounce in, bounce in up, down, left, right.
Sliding: Slide in up, down, left, right.
Rotating: Rotate in, rotate in down left, down right, up left, up right.
Attention seekers: Bounce, flash, pulse, rubber band, shake, head shake, swing, tada, wobble, jello.
Light Speed: Light speed in.
Specials: Roll in.
User accessibility and compatibility
10Web respects users' preferences for reduced motion: If a user has set any of the following options, then motion effects will be disabled for that user:
Mac: Toggle Reduce motion in System Preferences > Accessibility > Display.
iOS: Activate/Deactivate Reduce Motion in Settings > General > Accessibility.
Windows 10: Enable/Disable Show Animations in Windows under Settings > Ease of Access > Display > Simplify and Personalize Windows.
Windows 11: Enable/Disable Animation Effects under Settings > Accessibility > Visual Effects.
Important:
In Safari, issues like disappearing mouse effects or elements might occur due to outdated jQuery used by WordPress. This can cause errors like maximum call stack size exceeded. To resolve this, consider removing entrance animations from widgets with motion effects or mouse effects in areas with both scrolling and mouse interactions.