CODEWITHSUNDEEP
csssasscss-transitionscss-transforms
ONYX
ONYX

Reputation: 5859

SASS CSS animation

I was wondering how do I set the list element in SASS to begin with display:none and then at the start of the animation make it display:block and then change the background-color:#fff to white at the end of the animation at 100%

Demo Here

Upvotes: 0

Views: 201

Answers (2)

myajouri
myajouri

Reputation: 3124

You cannot use display:none because your elements will not be able to receive the animation styles. Instead I would use visibility: hidden. Also, if want your styles to persist after the animation is complete, then you should use animation-fill-mode: forwards. See demo here.

Upvotes: 1

joydesigner
joydesigner

Reputation: 813

I am not very sure what exactly your animation will look like.

But tried to make it as a reference to you to solve your issue:

Here is the DEMOenter link description here

Upvotes: 0

Related Questions