Hi
Is it possible to use Css3 effects on Texts or buttons? I know that it is possible to the images :)
Thanks
Hi albertoty!
Can you please elaborate on the changes you would like to make? A link to your website would help as well :)
Best regards,
Yigit
Hi Yigit, thanks for you answer.
I going to try to explain my self a bit better, In image are some effects that you can choose in the menu. There different animations, is it possible to use the same animations on buttons or other elements please? I guess that there are the following classes:
avia-image-container avia_animated_image
avia_animate_when_almost_visible
pop-up
avia_start_animation
avia_start_delayed_animation
Hi!
You can request such feature here – https://kriesi.at/support/enfold-feature-requests/ if you would like to be able to edit text or button elements and choose this effects.
And as a temporary workaround, you can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your element a custom CSS class and then post the link to your page where you have desired effect, so we can help you apply it to your selected elements.
Cheers!
Yigit
hi Yigit,
I already turned on the CSS field. I sent you the url by private. A lot of thanks
Hey!
In the custom css field, add this class attributes:
avia_animate_when_almost_visible pop-up
Go to the Quick CSS field then use this:
.avia-button-wrap.pop-up {
opacity: 0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3);
}
.avia-button-wrap.pop-up.avia_start_animation {
-webkit-animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
animation: avia_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.320, 1.275);
opacity: 1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
Regards,
Ismael