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.
- Accelerated plugins
- Add users to your websiteNew
- Delete a user from your websiteNew
- Elementor hosted websites: Incompatible Plugins
- Elementor Hosting plans (Get Started)
- Get started with your Elementor Hosting site
- Purchase and create an Elementor hosting site
- Storage and bandwidth limitations
- What is website hosting? (Get Started)
- What is Static Hosting?
- Understanding the difference between static hosting environments
- Static site compatibilityNew
- Purchase Elementor Static Hosting
- Migrate a copy of your WordPress site using Migrate Guru
- Static site settings
- HTTP Auth Credentials
- Supported plugins and tools
- Static Hosting support for WooCommerce
- WordPress form plugins support on static sitesNew
- Set forms to send emails from your custom domainNew
- Static Hosting support for Elementor formsNew
- Static support for Gravity FormsNew
- Connect Gravity Forms to Zapier
- Connect Contact Form 7 to Zapier
- Static support for Contact Form 7
- Add static support for WordPress form plugins with HubSpot
- Add Static support for non-Ajax forms
- Add spam protection with Google reCAPTCHA v3
- 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?
- Customize permalinks
- Using Elementor Blocks for Gutenberg
- Is Elementor compatible with all WordPress themes?
- Change your Elementor Hosting website name
- Optimized DOM Output and custom code
- Add reCAPTCHA to prevent spam
- Use more plugins and addons for Elementor
- Set up a custom maintenance mode page for your site
- Change language
- Order pages on your website
- Add custom code
- Activate & deactivate plugins
- Improve Performance: experiments
- 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
- Explore the Elementor Editor
- Elementor Top Bar
- Quickly access your favorite widgets
- Add elements to a page
- Configure page settings
- Access a section that is hidden
- Collaborate using Notes
- Navigator
- Import files from desktop
- Multi Select
- Exiting the Elementor Editor
- Navigator Indicators
- Revision history, undo and redo
- Using Elementor’s Full Width Page template
- Learn what Site Lock Is
- What is the Viewport Control?
- Set Elementor to Coming Soon
- Activate Elementor experimental features
- Help Button
- Use Dark Mode
- Access element menus
- What is Elementor AI?
- Build a customized website with AI Context
- Edit containers using AI
- Use AI to create containers based on an existing page
- Write text using Elementor AI
- AI prompt ideas
- Access previously generated AI content
- Add custom CSS using Elementor AI
- Add custom code using Elementor AI
- Create containers with AI
- Get started with 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
- Create a Custom Text Mask
- Create a global widget
- Create space with padding and margins
- Customize your widgets
- Delete a widget
- Edit HTML in Elementor
- Element Manager
- Gradient Background
- How do I create anchor links?Updated
- 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)
- 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
- Alert widget
- Breadcrumbs widget
- Button Widget
- Change font size, color, family & style in Elementor website builder
- Counter widgetUpdated
- 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
- Lightbox
- 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
- Add an alternate template in a loop grid
- Build a loop from an existing template
- Build a loop grid
- Build a query with the loop grid
- Create a category page using the Loop Grid or Loop CarouselNew
- Create a tags page using the Loop Grid or Loop CarouselNew
- Customize the layout of a Loop Grid
- Customize which items appearing your loop
- Loop Grid widget
- Paginate your loop
- Taxonomy Filter widget
- Add Custom CSS (Pro)
- Add custom fonts using Elementor
- 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 widgetUpdated
- Gallery widget
- Google Maps integration
- Google Maps widget
- Hotspot widget
- HTML widget
- Image Carousel widget
- Lazy loadingUpdated
- 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
- Shortcode widget
- Sidebar widget
- Single Post widget
- Slides widget
- SoundCloud widget
- Table of Contents widget
- Template widget
- 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?
- Add HTML tags to my section & column
- Change the shape of a container or section's border
- Design a webpage
- How to Move Sections in Elementor
- Ideate your website prepare copy and assets
- Positioning background images
- Prevent unwanted padding at the top and bottom of your site
- Section/Column Vertical and Horizontal Alignment
- Show or Hide Columns Per Device
- What are inherited responsive values?
- What are landing pages?
- What are forms?
- Form widget
- Create a multistep form
- Create forms with multiple fields in a rowUpdated
- Send Email Confirmations with Elementor FormsUpdated
- Redirect visitors after they submit a formNew
- Open a popup when a user submits a formNew
- Manage form submissionsUpdated
- Receive form file attachments by emailNew
- Create a search form
- Add a Subscribe Form using Elementor Pro’s Form Builder
- Forms FAQ
- Create a contact form with Elementor
- Customize emails sent by your forms
- Receive form submissions by emailUpdated
- Define what happens after visitors submit a formUpdated
- Add custom labels and values to a form's fieldsUpdated
- Add visitors to a mailing list or CRM after they submit a formUpdated
- Form submission
- Integrate forms with MailChimpUpdated
- Integrate forms with HubSpotUpdated
- Integrate forms with Zapier
- Use Caldera Forms on Elementor
- Integrate forms with AWeber
- Block spam messages from forms
- Integrate forms with SlackUpdated
- Integrate forms with DripUpdated
- Discord Integration with ElementorUpdated
- Integrate forms with ActiveCampaignUpdated
- Integrate forms with MailPoetUpdated
- Integrate forms with ConvertKitUpdated
- Integrate forms with MailerLiteUpdated
- Integrate forms with GetResponseUpdated
- Configure WooCommerce Upsell
- Create a single product template for WooCommerce
- Create dynamic WooCommerce tags
- Create WooCommerce product archives
- Creating a WooCommerce Shop Page / Archive Template with Elementor Pro
- Display WooCommerce products
- Is Elementor compatible with WooCommerce and Easy Digital downloads?
- WooCommerce Pages
- Add Google Analytics and Google Tag Manager to Elementor
- Change the color of your linksUpdated
- Choose a loading method for Google fonts
- Configure site settings
- Elements impacted by global colors
- Export and import Elementor sites
- Global layout settings
- How Elementor's theme style and design system options work together
- Improved Asset LoadingUpdated
- Set a Theme Style
- Set global fonts and colors
- Setting up your Site Identity
- Site Identity
- Supported Google fonts
- Use global fonts and colors
- 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 ElementorUpdated
- 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 sticky header color on scroll
- Create a sticky header
- Create a Sticky Transparent Header
- Create page transitions
- 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 browser
- 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 single page template using Flexbox containers
- Create or Edit your Header in WordPress with Elementor
- 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?Updated
- 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 templateUpdated
- How to Add HTML Tags to My Templates
- Make a template from an existing page
- Set display conditions for global templates
- Templates menu
- Templates menu
- Use a template from the Template library
- Conditions, triggers, and advanced rules
- Create a popup
- Configure a popup
- Create a popup for your shop archive page
- Create a responsive popup menu
- Trigger an Elementor popup on a link click
- Trigger a popup on a link click
- Trigger a popup from a nav menu
- Popups: Slide-Ins
- Popups: Bottom Bar
- 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
- Access the database of your Elementor Hosting website
- Add a favicon to your websiteNew
- Analyze your site with the Google Site Kit plugin
- Back up your Elementor Hosting website
- Change administrator email
- Clone an Elementor Hosting site
- Duplicate an Elementor page
- How many versions of a post does Elementor store?
- Keep your pre-installed plugins and themes up-to-date
- Launching your Elementor hosted website
- 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 website
- 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
On this page
Hover Animations
Last Update: January 14, 2024
Have more questions? We’re more than happy to assist.