Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #474810

    Hi

    Is it possible to use Css3 effects on Texts or buttons? I know that it is possible to the images :)

    Thanks

    #474883

    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

    #480561

    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

    #480709

    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

    #480823

    hi Yigit,

    I already turned on the CSS field. I sent you the url by private. A lot of thanks

    #481643

    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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.