The Hover Animations feature lets you animate elements on your WordPress website. Among the various animations available are grow, shrink, pulse, push, pop, bounce, rotate, float, sink, bob, hang, skew, wobble, and buzz.
- Get started with your Elementor Hosting site
- Storage and bandwidth limitations
- Delete a user from your website
- Accelerated plugins
- Elementor hosted websites: Incompatible Plugins
- What is website hosting? (Get Started)
- Elementor Hosting plans (Get Started)
- Purchase and create an Elementor hosting site
- Add users to your website
- Can I include Elementor Pro in my Theme / Hosting / DIY service?
- Can I use Elementor for my commercial theme?
- Can I use Elementor Pro to create websites for clients?
- Do I need a license for my subdomain?
- Does Elementor work on multisite?
- Elementor Pro - FAQ
- How many sites can I activate my license on?
- Is there a White Label option?
- What happens to pages created in the free plugin after I upgrade?
- What will happen to my website(s) if I don’t renew Elementor Pro?
- Will Elementor work if I change the domain of my website?
- Is Elementor compatible with all WordPress themes?
- Use more plugins and addons for Elementor
- Activate & deactivate plugins
- Change your Elementor Hosting website name
- Using Elementor Blocks for Gutenberg
- Optimized DOM Output and custom code
- Customize permalinks
- Set up a custom maintenance mode page for your site
- Change language
- Add custom code
- Add a page number to your website's pages
- Improve performance features
- Install WordPress plugins
- AMP compatibility
- Cannot edit SSL certificate
- Compatibility tags
- Could not create directory
- Dealing with flickers/FOUC
- Destination folder already exists error
- Elementor Pro update errors
- Fatal error after updating or installing Elementor
- Issues after site update
- Package could not be installed error
- Page not found or 404 page error
- Parse Error Syntax error
- Server configuration conflicts
- Site migration issues
- SiteGround hosting compatibility
- Upload max file size error
- URL change disrupts Elementor functioning
- Use page structure to navigate your page
- Quickly access your favorite widgets
- Collaborate using Notes
- Import files from desktop
- Multi Select
- Navigator Indicators
- Using Elementor’s Full Width Page template
- What is the Viewport Control?
- Activate Elementor experimental features
- Help Button
- Explore the Elementor Editor
- Add elements to a pageUpdated
- Configure page settings
- Privacy mode
- Exiting the Elementor Editor
- Access a section that is hidden
- Revision history, undo and redo
- Elementor Top Bar
- Set your site to Coming Soon
- Use Dark Mode
- Access element menus
- Access previously generated AI content
- Add custom code using Elementor AI
- Add custom CSS using Elementor AI
- AI prompt ideas
- Build a customized website with AI Context
- Create containers with AI
- Edit containers using AI
- Elementor AI Copilot
- Generate text in Gutenberg using Elementor AI
- Get started with Elementor AI
- Use AI to create containers based on an existing page
- What is Elementor AI?
- Write text using Elementor AI
- Add & edit a background video in Elementor
- Add a vertical divider in Elementor
- Advanced tab
- Allowed URI Protocols
- Background slideshow
- Change a background image
- Copy and clear display conditions
- Create a Custom Text Mask
- Create a global widget
- Create space with padding and margins
- Customize your widgets
- Delete elements from a pageUpdated
- Edit HTML in Elementor
- Element Manager
- Gradient Background
- How do I create anchor links?
- How to make clickable phone links or mailto links in Elementor widgets
- Icon properties
- Inline Font Icons
- Limit access to elements
- Number scrubber
- Selecting measurement units
- Set absolute position for an element
- Show and hide elements on a page (Display Conditions)Updated
- Speed up page loading with Element Caching
- Text Stroke
- Units of measurement
- Use the Color Sampler
- Use Z-Index in Elementor
- What is a dynamic lightbox?
- What is a widget?
- What is Shadow, Text Shadow and Boxed Shadow?
- Word Spacing
- Add a calendar to Elementor
- Add text over image in Elementor
- Adjust the Lightbox settings
- Alert widget
- Breadcrumbs widget
- Button Widget
- Change font size, color, family & style in Elementor website builder
- Counter widget
- Create a Custom Text Path shape
- Create a PDF download button
- Create, edit, & style columns in Elementor
- Custom icons
- Divider widget
- Featured Image widget
- Heading widget
- How To Add A Back To Top Button Using Elementor
- Icon Box widget
- Icon library
- Icon List widget
- Icon widget
- Image widget
- Inner Section widget
- Make gradient backgrounds for buttons
- Progress Bar widget
- Rating widget
- Section Overview
- Site Logo widget
- Site Title widget
- Sitemap widget
- Spacer widget
- Split text into multiple columns
- Text Editor widget
- Text Path widget
- Track the number of button clicks
- Video widget
- WordPress Menu widget
- Wrap text around images
- Customize the layout of a Loop Grid
- Build a loop from an existing template
- Paginate your loop
- Create a tags page using the Loop Grid or Loop Carousel
- Customize which items appearing your loop
- Build a query with the loop grid
- Add an alternate template in a loop grid
- Loop Grid widget
- Taxonomy Filter widget
- Build a loop grid
- Create a category page using the Loop Grid or Loop Carousel
- Add Custom CSS (Pro)
- Add custom static fonts
- Add dynamic shortcodes
- Animated Headline widget
- Archive Posts widget
- Author Box widget
- Basic Gallery widget
- Basic Media Carousel widget
- Blend Mode and CSS Filters
- Code Highlight widget
- Countdown widget
- Create a download link with Elementor
- Create an audio playlist with Elementor
- Custom attributes
- Custom Link Attributes
- Elementor Integration With ACF
- Elementor Shortcodes
- Flip Box widget
- Gallery widget
- Google Maps integration
- Google Maps widget
- Hotspot widget
- HTML widget
- Image Carousel widget
- Lazy loading
- Login widget
- Lottie widget
- Media Carousel widget
- Menu Anchor widget
- Page Title widget
- Portfolio widget
- Post Comments widget
- Post Content widget
- Post Excerpt widget
- Post Info widget
- Post Navigation widget
- Post Title widget
- Posts Widget
- Progress Tracker widget
- Read More widget
- Search widgetUpdated
- Shortcode widget
- Sidebar widget
- Single Post widget
- Slides widget
- SoundCloud widget
- Table of Contents widget
- Template widget
- Use Variable Fonts
- Video Playlist widget
- What is a dynamic request parameter?
- Can I use other plugin widgets inside Elementor?
- How can I create smart links from my widgets?
- How do I place widgets next to each other in a column?
- How do I set a fixed position for a widget?
- Posts widget vs Archive Posts widget
- Which widgets support ACF and PODS Custom Fields?
- Why Is my widget grayed out?
- Deactivate containersUpdated
- What are forms?
- Create a multistep form
- Create forms with multiple fields in a row
- Send Email Confirmations with Elementor Forms
- Redirect visitors after they submit a form
- Open a popup when a user submits a form
- Add a Subscribe Form using Elementor Pro’s Form Builder
- Forms FAQ
- Create a contact form with Elementor
- Example of sending custom emails from a form
- Receive form submissions by email
- Define what happens after visitors submit a form
- Manage form submissionsUpdated
- Add custom labels and values to a form's fields
- Add visitors to a mailing list or CRM after they submit a form
- Search Form widget
- Form widget
- Receive form file attachments by email
- Add reCAPTCHA to prevent spam
- Integrate forms with MailChimp
- Integrate forms with HubSpot
- Integrate forms with Slack
- Integrate forms with Drip
- Discord Integration with Elementor
- Integrate forms with Zapier
- Integrate forms with ActiveCampaign
- Integrate forms with MailPoet
- Integrate forms with ConvertKit
- Use Caldera Forms on Elementor
- Integrate forms with MailerLite
- Integrate forms with GetResponse
- Integrate forms with AWeber
- Block spam messages from forms
- WooCommerce Pages
- Create WooCommerce product archives
- Display WooCommerce products
- Create a single product template for WooCommerce
- Creating a WooCommerce Shop Page / Archive Template with Elementor Pro
- Is Elementor compatible with WooCommerce and Easy Digital downloads?
- Configure WooCommerce Upsell
- Create dynamic WooCommerce tags
- Add Google Analytics and Google Tag Manager to Elementor
- Change the color of your links
- Choose a loading method for Google fonts
- Configure site settings
- Control your global layout settings
- Elements impacted by global colors
- Export and import Elementor sites
- How Elementor's theme style and design system options work together
- Improved Asset Loading
- Set a Theme Style
- Setting up your Site Identity
- Site Identity
- Supported Google fonts
- View and edit global colors
- View and edit global fonts
- Add special effects with CSS Transform
- Adobe Fonts & Elementor Integration
- Create masks for elements
- Disable Elementor's default fonts and colors
- Disable Google Fonts
- Dynamic content and Post Types
- Dynamic tags
- Enable SVG Support in Elementor
- How do I use dynamic colors?
- Responsive design
- What dynamic tags are available?
- What is dynamic content?
- Add entrance animations to your page
- Add hover effects to your page
- Change the transparency of a sticky header on scroll
- Create a sticky headerUpdated
- Create a Sticky Transparent Header
- Create page transitions for your site
- Hover Animations
- Implement sticky scrolling
- Motion effects
- Mouse Effects - 3D Tilt
- Mouse Effects - Mouse Track
- Scrolling Effects - Scale
- Scrolling Effects - Transparency
- Scrolling Effects - Vertical Scroll
- Scrolling Effects – Blur
- Scrolling Effects – Horizontal Scroll
- Scrolling Effects – Rotate
- Become a Beta tester
- Can I use Elementor Pro on WordPress.com?
- Does Elementor support shortcodes?
- Does Elementor Work with Posts and Custom Post Types?
- Elementor and Cloudflare Rocket Loader
- Elementor changelog
- How can I get a full screen canvas in the editor?
- How do I build a landing page?
- How do I change the default settings of an element?
- How do I create a full width page in my site?
- How do I get sections to snap in place on scrolling?
- How do I issue temporary credentials to support?
- Security FAQ
- Send your feature request
- Should I update Elementor?
- System Information
- Translate or localize Elementor
- Update Elementor and Elementor Pro
- Using Elementor Pro with an LMS such as LearnDash or LifterLMS
- Will Elementor work with RTL or other languages?
- 500 error
- 502 error
- 520 error
- Activate Safe Mode
- Can't edit with Elementor
- Cannot change Elementor text color
- Cannot deactivate all plugins message
- Cannot download the Elementor Pro ZIP file with the Safari browserUpdated
- Common Elementor issues and solutions
- Common Layout Issues: FAQ Index
- Custom fonts not displaying on live site
- Debugging with safe mode
- Edit with Elementor button missing from WP Admin bar
- Elementor Debugger
- Elementor Editor loads slow
- Elementor full width not working
- Elementor Pro 3.19.3 resolves security vulnerability in Elementor plugin
- Elementor Pro does not work
- Elementor stuck on loading screen
- Elementor widget panel not loading
- ERR_EMPTY_RESPONSE error
- Error message when using the WooCommerce block
- FAQ: Running Both Elementor Free and Elementor Pro Plugins
- Icon library is empty
- Internal Server error
- Live site does not show changes
- Margin not editable for a section
- Missing elements on live site
- My changes do not appear online
- Opening a browser’s console
- Preview could not be loaded error
- Publish / Update button not working
- Red circles does not allow editing
- Regenerate CSS & Data
- Reset Elementor settings
- Roll back to prior releases with Developer Edition plugin
- Rollback to a previous version of Elementor
- Safe mode doesn't resolve issues
- The content area has not been found on your page error
- Troubleshooting - Upgrade messages still appearing after I purchase Elementor Pro
- Troubleshooting layout Issues
- Create a single product template
- What is a single page template?
- Create a header template using Flexbox Container
- Create or modify your footer
- Create a footer using a Flexbox container
- Customize the Search Results Archive
- Create or modify a search results page
- Create a sidebar template
- Elementor Integration With PODS
- How do I create my own 404 page?
- Create a Blog or any Archive Template with Elementor Pro
- Create or modify archive templates
- Create or modify a products archive
- Considerations for Theme Builder compatibility
- Create or modify single page templates
- Using Elementor Pro's Theme Builder Templates with WPML
- Elementor integration with Toolset
- What is the Theme Builder?
- Create a single page template using Flexbox containersUpdated
- Create or edit your Header
- Add a template to your page
- Add Related Posts in Elementor
- Connect to the Template Library
- Create a single page template
- Create a single post template
- Create a Single Post template
- How to Add HTML Tags to My Templates
- Make a template from an existing page
- Set conditions for site part templates
- Template Library - FAQ
- Templates menu
- Use a template from the Template library
- Create a popupUpdated
- Configure a popup
- Conditions, triggers, and advanced rules
- Trigger an Elementor popup on a link click
- Trigger a popup on a link click
- Create a responsive popup menu
- Trigger a popup from a nav menu
- Popups: Slide-Ins
- Popups: Bottom Bar
- Create a popup for your shop archive page
- Users cannot see popup
- Popup FAQ
- "Undefined" error while loading templates
- Default Kit Missing error
- Disconnect and reconnect your Elementor account
- Empty template library issue
- Fix: Common Errors With Import / Export Kit Feature
- Images missing in template library
- Kit library common error
- Post Content widget not found error
- Template import issue
- Troubleshooting - Updating your PHP version
- Troubleshooting the Hello Theme 3.1
- Access PHP settings
- Access the database of your Elementor Hosting website
- Add a favicon to your website
- Analyze your site with the Google Site Kit plugin
- Back up your Elementor Hosting websiteUpdated
- Block certain visitors from accessing your site
- Change administrator email
- Clear revision history for Elementor Hosting websitesNew
- Clone an Elementor Hosting site
- Duplicate an Elementor page
- Enable media fallback
- Enable/Disable the IonCube PHP extension
- Enable/Disable XML-RCP
- How many versions of a post does Elementor store?
- Keep your pre-installed plugins and themes up-to-date
- Launching your Elementor hosted website
- Manage your Elementor Hosting backupsNew
- Manage your plugins with the My Elementor dashboard
- Measure visitor traffic and interactions
- Migrate non-Elementor content to your Elementor Hosting website
- Purchasing and registering a domain for an Elementor hosted website
- Reset your websiteUpdated
- Restore a previous post
- Restore previous version of your websiteUpdated
- Setting your Elementor hosted website up for success
- Transfer files to an Elementor Hosting site
- Verify your site with Google Search Console
- Verify your site with Google Search Console using a DNS record
- Verify your site with Google Search Console using an HTML tag
- Verify your site with Google Search Console using an HTML verification file
- Verify your site with Google Search Console using Google Tag Manager
- Explore the Image Optimizer Library
- Explore the Image Optimizer Settings
- Image Optimizer - Incompatible plugins
- Image Optimizer FAQ
- Install, activate and connect the Image OptimizerUpdated
- Optimize a single image
- Optimize multiple images
- Troubleshooting - Mismatched URL
- What is the Image Optimizer plugin by Elementor?
- Add a custom domain to Site MailerUpdated
- Connect a custom domain using Bluehost
- Connect a custom domain using GoDaddy
- Connect a custom domain using NameCheap
- Deactivate your subscription
- Enable/Disable email logging
- Explore Site Mailer
- Install and activate Site Mailer
- Send a test email
- Switch accounts
- Upgrade Site Mailer
- What is Site Mailer?
On this page
Hover Animations
Last Update: January 14, 2024
Have more questions? We’re more than happy to assist.