creativeinteractivemedia
Forum Replies Created
-
Wow thanks much for such a great review and for the compliments 🙂
I just updated the plugin to the same version as current PRO version, 3.39, which includes big improvements compared to 1.0. More updated are coming soon, along with new add-ons.
If you have any suggestions for improvements please write on the support forum https://wordpress.org/support/plugin/real3d-flipbook-lite/
Hi, if you still need customization please email me at https://codecanyon.net/user/creativeinteractivemedia
You have one element with WebGL animation Fade Up, the element is “WordPress designer” below the hero section. Please try to change this to CSS animation. Also, you have some very large images on the site, two largest images are 2.3mb and 1.4mb, you need to resize and optimize images for web.
Hi, CSS animations do not slow down the loading. WebGL animations on images can be slightly slower than CSS animations, depending on the image size. WebGL animations on text will have slight delay because text is converted to image before animating. WebGL animations on large sections will have bigger delay, depending on section complexity. WebGL animations are best for using on images, for other elements it is better to use CSS animations.
Fixed in 1.4.17
Currently the solution would be to use a animateGL WebGL entrance animation instead of CSS animation, or to add animateGL CSS animation to parent or child element.
In future version I will add “sticky” option to animateGL so element can be sticky and have animateGL CSS animation at the same time.
When using AnimateGL WebGL animations on sections and containers, inner elements should not have other CSS entrance animations.
- This reply was modified 2 years, 11 months ago by creativeinteractivemedia.
Fixed in 1.4
Thanks much for your feedback. The plugin has been updated to 1.4, bug with invisible elements in blocks editor is fixed.
For using the plugin in block editor, you don’t need to add CSS classes to blocks, there is AnimateGL section in block inspector controls.
The effects range from standard, like fade, zoom, slide, to non standard effects made with WebGL, like bend, flip, stretch and directional fade, with more effects coming soon. Also, new features “lock to scrollbar” and “repeat” are available for all entrance animations. The animation duration, delay and easing can be customized in more detail than in other plugins, so I think it is the most advanced 🙂
Hi, you can do it by adding custom javascript to page
window.addEventListener(‘load’, function(){
document.querySelectorAll(‘h2’).forEach(element => { element.classList.add(‘agl agl-fadeCSS’);
});
document.querySelectorAll(‘.wp-block-media-text__media’).forEach(element => { element.classList.add(‘agl agl-fadeCSS’);
});
})
Cheers
For CSS animations overflow works as expected. For WebGL animations it would be too complicated to track the visible part of the element and it would impact the animation performance, so elements hidden with overflow should use only CSS animations.
I checked all animations on Elementor tabs and accordion, all WebGL and CSS animations work. The shortcodes and templates are more complex, if WebGL animation does not work then CSS animation can be used.
In version 1.3.7 it should be fixed.
WebGL animations have limitations because HTML needs to be converted to image, so WebGL animations are best for use on simple elements like image or heading. For complex elements like tabs, sections, columns it is better to use CSS animations.
WebGL animations convert element to image, then apply shader effects on the image. Image is the same size as the element, so any child element that is out of bounds will not be in visible on the image. However, CSS animations don’t have this limitation, so for complex elements that have child elements out of bounds it is better to use CSS animations.