Elementor Motion Effects add movement: entrance animations (fade, slide, zoom), scrolling effects (vertical and horizontal parallax, transparency, blur, rotate, scale) and mouse effects (track and tilt). Find them in Advanced, Motion Effects. Use them sparingly, never on the first screen’s main heading or hero image, and respect reduced-motion settings, because animations can delay content and hurt speed and accessibility.
- Entrance animations: Advanced, Motion Effects.
- Scrolling and mouse effects need Elementor Pro.
- Do not animate hero content above the fold.
- One or two subtle effects per page is enough.
- Check reduced-motion and mobile behaviour.
Which effects are available?
| Type | Examples | Use |
|---|---|---|
| Entrance | Fade in up, zoom in | Below-the-fold cards and stats |
| Scrolling | Vertical scroll, scale, blur | Subtle depth on images |
| Mouse | Mouse track, 3D tilt | Playful cards on desktop |
| Sticky | Sticky top or bottom | Headers, call bars |
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
Why can animations hurt your site?
Imagine a homepage where the headline fades in, the photo bounces in and the button slides in. On a slow phone, nothing is visible until the animation script runs, adding seconds to Largest Contentful Paint. Removing animations from the three hero elements on this very site was one of the biggest speed wins. Animate lower sections instead, and keep effects quick and subtle.
How do you use motion well?
- Animate groups, not every widget.
- Keep duration short (fast or normal).
- Disable mouse effects on touch devices.
- Test with reduced motion turned on.
More on performance: WordPress slow on mobile.
Want to learn Elementor design faster with a tutor?
I teach WordPress and Elementor 1-to-1 over Zoom or Google Meet, on your own website, at your pace. Lessons start at $40, every lesson is recorded so you can rewatch it, and you get a short checklist afterwards. Beginners, business owners, students and freelancers are all welcome. See lessons and prices or book a free intro call.
Frequently asked questions
How do I add animations in Elementor?
Select an element, go to Advanced, Motion Effects and choose an entrance animation.
Do Elementor animations slow down websites?
They can, especially on above-the-fold content, delaying when the page appears.
Are scrolling effects free in Elementor?
Scrolling and mouse effects require Elementor Pro.
Should I animate my hero section?
Avoid animating the main hero heading and image; animate lower sections instead.
Sources
Live 1-to-1 WordPress and Elementor lessons on your own site, from $40. Every lesson recorded. Beginners welcome.
More WordPress guides
Guide, 3 min readWordPress and Elementor Tutoring: Your Questions Answered
Guide, 3 min readWordPress Multisite Explained: Who Needs It (and Who Does Not)
Guide, 3 min readWordPress Comments and Spam: Settings That Keep Your Site Clean
Guide, 3 min readHow to Move WordPress to HTTPS (SSL) and Fix Mixed ContentRather have an expert run your WordPress site?
Tanvir H is a Bangladesh-based WordPress and Elementor web designer with 7+ years of experience, 650+ projects and a 4.9 client rating. New websites, redesigns, fixes, speed, security and SEO, handled by one expert who explains everything in plain English and works with clients worldwide.
