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.
- What is website hosting? (Get Started)
- Purchase and create an Elementor hosting site
- Elementor Hosting plans (Get Started)
- Get started with your Elementor Hosting site
- Storage and bandwidth limitations
- Delete a user from your website
- Accelerated plugins
- Elementor hosted websites: Incompatible Plugins
- Add users to your website
- What is Static Hosting?
- Purchase Elementor Static HostingUpdated
- Understanding the difference between static hosting environments
- Static site compatibility
- Static site settings
- HTTP Auth Credentials
- Supported plugins and tools
- Static Hosting support for WooCommerce
- Migrate a copy of your WordPress site using Migrate GuruUpdated
- Static Hosting support for Elementor forms
- WordPress form plugins support on static sites
- Set forms to send emails from your custom domain
- Static support for Gravity Forms
- 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?
- Is Elementor compatible with all WordPress themes?
- Install WordPress plugins
- 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
- 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
- Navigator Indicators
- Using Elementor’s Full Width Page template
- Learn what Site Lock Is
- What is the Viewport Control?
- Activate Elementor experimental features
- Help Button
- Exiting the Elementor Editor
- Revision history, undo and redo
- Set your site to Coming Soon
- 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
- Elementor AI Copilot
- 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 ManagerUpdated
- 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 CachingNew
- 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 settingsUpdated
- 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
- Loop Grid widget
- Build a loop grid
- 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
- Taxonomy Filter widget
- Create a category page using the Loop Grid or Loop Carousel
- 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
- 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?
- 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 emailUpdated
- Manage form submissionsUpdated
- Define what happens after visitors submit a form
- Add custom labels and values to a form's fields
- Search Form widget
- Add visitors to a mailing list or CRM after they submit a formUpdated
- Form widgetUpdated
- Receive form file attachments by emailUpdated
- 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 ElementorUpdated
- Integrate forms with MailerLiteUpdated
- Integrate forms with GetResponseUpdated
- Integrate forms with AWeberUpdated
- 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
- 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 sticky header color on scroll
- Create a sticky header
- 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 FAQUpdated
- 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?
- 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 display conditions for global templates
- Template Library - FAQ
- Templates menu
- Use a template from the Template library
- Create a popupUpdated
- Configure a popupUpdated
- Conditions, triggers, and advanced rulesUpdated
- Trigger an Elementor popup on a link clickUpdated
- Trigger a popup on a link clickUpdated
- Create a responsive popup menuUpdated
- Trigger a popup from a nav menuUpdated
- Popups: Slide-InsUpdated
- Popups: Bottom BarUpdated
- Create a popup for your shop archive pageUpdated
- Users cannot see popupUpdated
- Popup FAQUpdated
- Create a content lock popup
- Create a cookie consent popup
- Create a countdown popupUpdated
- Create a fly-in popupUpdated
- Create a full-screen popupUpdated
- Create a Hello Bar popupUpdated
- Create a login form popupUpdated
- Create a Related Articles popupUpdated
- Create a shopping cart popupUpdated
- Create a subscription form popupUpdated
- Create an opt-in popupUpdated
- "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.1New
- Access PHP settingsNew
- 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
- 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 websiteUpdated
- 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
- Elementor Hosting FAQUpdated
On this page
Hover Animations
Last Update: January 14, 2024
Have more questions? We’re more than happy to assist.