Hi
Maybe I have just not found it yet but it would be nice if, when I add an image via the page builder in enfold, that the image option that actually says “Image Fade in Animation” also had a “fade in” effect in the drop-down box, because many people don’t like when the webpage moves too much, they would just like it to be a subtle fade-in effect. Can this be done now or do I have to use an extra lazy load-type plugin on top of the already advanced enfold theme?
Thanks in advance!
it would also be awesome if these pop-out/in image effects could be controlled in how fast they movie in to match the kind of site that is made, because it just is very “up in your face-fast” now. For example have 3 options in the global settings like “image fade-in speed: fast, normal, slow” because I as a designer often think it is cool to show clients these effects but they often dont like it when it takes up too much attention.
Hey!
Thank you for using Enfold.
You can find the animation effects on css > shortcodes.css file. Look for the “ANIMATIONS” section. For example, if you use the “Left to right” animation, you can look for the “avia-ltr” keyframe:
@-webkit-keyframes avia-ltr {
0% { -webkit-transform:translate(-10%,0); opacity: 0; }
100% { -webkit-transform:translate(0,0); opacity: 1; }
}
@keyframes avia-ltr {
0% { transform:translate(-10%,0); opacity: 0; }
100% { transform:translate(0,0); opacity: 1; }
}
You can copy the default keyframe then place it in the Quick CSS field then adjust the value. Refer to this link for more info: https://css-tricks.com/snippets/css/keyframe-animation-syntax/
Cheers!
Ismael