Data animate, slide and fade in...

User 2879688 Photo


Registered User
201 posts

Hi Cc
I have data-animate slide-in-down & slide-out-up for a drop down menu.
This works fine.
I wanted to have this fading in and out as well as slidingbut can’t figure that out any ideas please. I can’t find ways of multiple tasks.
Thanks T.
Jazz isn't dead it just smells funny!
User 244626 Photo


Registered User
811 posts

Since fade-in and fade-out are just changes in opacity, have you tried applying a transition with the amount of duration needed ?
Bootstrap 5 CSS Grid.
User 2879688 Photo


Registered User
201 posts

Hi Twinstream
Thanks for the reply
Didn't have any luck with the transition. Obviously need the transition for a smooth slide in and out...
I cant see how that would change the opacity at the same time as its a transition only?
Not sure if you got what i was trying to get at before...
I've attached the file, (its just a mock up to get started etc) you will see the slide in and out. What i wanted was to have it fading in and fading out at the same time.
T.
Attachments:
Jazz isn't dead it just smells funny!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.