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
- Order pages on your website
- Add custom code
- Improve performance featuresUpdated
- 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
- NavigatorUpdated
- Elementor Top Bar
- Quickly access your favorite widgets
- Add elements to a page
- 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
- Configure page settings
- Privacy mode
- Exiting the Elementor Editor
- Access a section that is hidden
- Revision history, undo and redo
- Set your site to Coming Soon
- Use Dark Mode
- Access element menusUpdated
- 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 conditionsNew
- 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?
- 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)
- 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 builderUpdated
- 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 gridUpdated
- Create a category page using the Loop Grid or Loop Carousel
- Tabs widgetUpdated
- Accordion widgetUpdated
- Toggle widgetUpdated
- Create a Read More toggle in posts
- Accordion widget with nested elementsUpdated
- 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 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 FontsNew
- 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?
- 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
- Manage form submissions
- Define what happens after visitors submit a form
- 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 MailChimpUpdated
- Integrate forms with HubSpotUpdated
- Integrate forms with SlackUpdated
- Integrate forms with DripUpdated
- Discord Integration with ElementorUpdated
- Integrate forms with ZapierUpdated
- Integrate forms with ActiveCampaignUpdated
- Integrate forms with MailPoetUpdated
- Integrate forms with ConvertKitUpdated
- Use Caldera Forms on Elementor
- Integrate forms with MailerLiteUpdated
- Integrate forms with GetResponseUpdated
- Integrate forms with AWeberUpdated
- Block spam messages from formsUpdated
- 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
- 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 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 scrollUpdated
- 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 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 workingUpdated
- 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 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 or edit your HeaderUpdated
- 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 templatesUpdated
- Template Library - FAQ
- Templates menu
- Use a template from the Template library
- Create a popup
- Configure a popup
- Conditions, triggers, and advanced rules
- Trigger an Elementor popup on a link click
- Trigger a popup on a link clickUpdated
- 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 website
- Block certain visitors from accessing your siteNew
- Change administrator email
- Clone an Elementor Hosting site
- Duplicate an Elementor page
- Enable media fallbackNew
- 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 plugins with the My Elementor dashboardNew
- 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 website
- 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 Optimizer
- Optimize a single image
- Optimize multiple images
- Troubleshooting - Mismatched URLNew
- What is the Image Optimizer plugin by Elementor?
On this page
Hover Animations
Last Update: January 14, 2024
Have more questions? We’re more than happy to assist.