توضیحات
Scroll animations and hover effects for Gutenberg blocks and Elementor. CSS fade, slide and zoom, WebGL bend, flip, peel and glitch. No code.
تغییرات این نسخه
1.6.0
New: Glitch, a WebGL entrance: the block arrives in bursts, bands jumping sideways and its colours splitting, and settles. As the class agl-glitch. A plain fade under reduced motion
Improvement: New plugin name, AnimateGL – WebGL & CSS Scroll and Hover Animations for Gutenberg and Elementor
New: More easings for every animation, in the block sidebar, Elementor and the class builder: Elastic, Bounce, three springs (soft, bouncy and stiff, which set their own duration), Steps, and Overshoot in and in-and-out. WebGL animations follow an overshoot too (agl-in-easing-easeOutElastic, agl-in-easing-spring-bouncy, agl-in-easing-steps-5 and the rest as classes)
New: Free hover effects Lift, Grow and Tilt, and the Skew scroll effect, for any block or Elementor element. Try them live in the Animations tab, which now links to animategl.com for the Pro effects instead of bundling their clips
Improvement: WebGL animations on text and other elements that aren’t images take their snapshot with html2canvas-pro, the maintained successor of html2canvas, in place of our patched html2canvas 1.4.1. Modern CSS colors such as oklch() and color-mix() are drawn as the page shows them, images with object-fit are cropped as on the page, and text stays exactly in place when the animation ends
New: Elementor 4’s atomic elements (Div block, Flexbox, Heading, Paragraph, Image and the rest, the default on sites that installed Elementor 4.0 or later) have the AnimateGL settings in their panel
Imp
New: Glitch, a WebGL entrance: the block arrives in bursts, bands jumping sideways and its colours splitting, and settles. As the class agl-glitch. A plain fade under reduced motion
Improvement: New plugin name, AnimateGL – WebGL & CSS Scroll and Hover Animations for Gutenberg and Elementor
New: More easings for every animation, in the block sidebar, Elementor and the class builder: Elastic, Bounce, three springs (soft, bouncy and stiff, which set their own duration), Steps, and Overshoot in and in-and-out. WebGL animations follow an overshoot too (agl-in-easing-easeOutElastic, agl-in-easing-spring-bouncy, agl-in-easing-steps-5 and the rest as classes)
New: Free hover effects Lift, Grow and Tilt, and the Skew scroll effect, for any block or Elementor element. Try them live in the Animations tab, which now links to animategl.com for the Pro effects instead of bundling their clips
Improvement: WebGL animations on text and other elements that aren’t images take their snapshot with html2canvas-pro, the maintained successor of html2canvas, in place of our patched html2canvas 1.4.1. Modern CSS colors such as oklch() and color-mix() are drawn as the page shows them, images with object-fit are cropped as on the page, and text stays exactly in place when the animation ends
New: Elementor 4’s atomic elements (Div block, Flexbox, Heading, Paragraph, Image and the rest, the default on sites that installed Elementor 4.0 or later) have the AnimateGL settings in their panel
Imp