Hide Element before delayed animation starts

Author Posts

mrshiney

Heads up! this post was created when Microthemer was at version 5. The current version is 7. Some references to the interface may be out of date.

Is it possible to hide element before animation as Ive got a 1s delay and don’t want to see the element before it starts animation. cant see option
Thanks
Jason


Sebastian

Hi Jason,

Yes, this will be possible. If you could send me a link to your page and describe which element you want to hide before animating I can advise you specifically.

For now, I can say that if you have chosen one of the entrance animations e.g. bounceIn, you can achieve this effect by setting opacity to 0 (via the Behaviour property group), and also set animation-fill-mode to forwards. That will hide the element by default, but allow the final styles of the animation to stick after it finishes (the entrance animations apply opacity:1 so the element will stay visible).

If you have chosen a non-entrance animation, you may require a different approach.

Cheers,
Sebastian


mrshiney

It was an entrance animations so it worked 🙂
Thanks


Sebastian

Brilliant!

You must login or register to reply to this topic.