=== AnimateGL - Advanced Animation Plugin for WordPress === Contributors: creativeinteractivemedia License: GPLv3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: wordpress animation plugin, animation, animations, animate, image animation, entrance animation, motion effects, hover animation, image effects, web design, website animation, animation effects, image effects, motion graphics, visual effects Requires at least: 5.0 Tested up to: 6.1.1 Stable tag: 1.0.3 Requires PHP: 5.4 AnimateGL is the most advanced animation plugin for WordPress, powered by WebGL. Add eye-catching entrance and hover animations to your website that bring your images to life and enhance the visual appeal of your web pages. Customize animations with CSS classes or a visual editor, and create unique and creative effects that will make your website stand out. == Description == [Demo](https://animategl.com/ "Live AnimateGL demo") [AnimateGL](https://animategl.com/) is the most advanced animation plugin for WordPress, powered by WebGL. Create unique and creative entrance animations and mouse hover for your website that bring your images to life. Customize animations with CSS classes or a visual editor and design eye-catching entrance animations by combining fade, translate, rotate, and distort effects. AnimateGL is lightweight, fast, and easy to use, making it the perfect choice for web designers looking to enhance their website's visual appeal. == Features == * Unique eye catching animations * Lightweight, no dependencies * Great performance * Easy to use * Fully customizable animations * Live editor for animatinos * Entrance animation presets * Mouse move animatinos * And much more, with new features coming soon, including scroll animations, and the ability to animate any HTML element. == Entrance Animation == Add one of preset entrance animations or create your custom entrance animation. Animatinos are added to images by adding a CSS class. Available preset animations: * Fade * Fade Left * Fade Right * Fade Up * Fade Down * Slide Left * Slide Right * Slide Up * Slide Down * Stretch Left * Stretch Right * Stretch Up * Stretch Down * Bend Left * Bend Right * Bend Up * Bend Down Modify animation properties: * Fade - with options for directional fade and threshold * Translate - with options for x, y, and z direction * Rotation - with options for x, y, and z axis * Corners Distortion - for added animation variety * Duration - customize the length of the animation * Delay - customize the start time of the animation * Easing - customize the speed and flow of the animation == Mouse Effects == AnimateGL also offers mouse-driven distortion effects, including: * Pull - with options for strength, size, RGB shift, and ease == Live Editor == Use live editor to create your custom entrance animation and to modify the mouse pull effect. Enhance the visual appeal of your website with AnimateGL, the most powerful and advanced WebGL animation plugin for WordPress. With its lightweight 33kb gzipped size and no dependencies, AnimateGL is fast, easy to use, and the perfect choice for web designers looking to add unique animations to their website. == Use with any page builder == AnimateGL can be used with any page buidler: Elementor, Gutenberg blocks editor, Visual composer and others, because animations are added simply by adding a CSS class. Add unique animations in Elementor, Visual Composer or Guteberg blocks editor with AnimateGL. == Frequently Asked Questions == = How to add AnimateGL animations to image block in Gutenberg? = Open Image block options > Advanced tab > Advanced > Additional CSS class, add the CSS class of the AnimateGL animation. = Where is the list of CSS classes for Entrance animations? = Available Entrance animations are listed on the plugin admin page. = How to add AnimateGL animations to image element in Elementor? = Open Image settings > Advanced > Layout > CSS Classes, add the CSS class of the AnimateGL animation.