Hide Element before delayed animation starts

Author Posts

mrshiney

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.