search

henrylin03 / stoic-quotes

Stoic quotes whenever you seek guidance or contemplation.
http://henrylin.io/stoic-quotes/
0 stars 0 forks source link

add fade transition effects on quotes #30

Open henrylin03 opened 5 months ago

henrylin03 commented 5 months ago

WHEN user clicks "new quote" button, THEN a new quote is generated.

the existing quote and author fades out, and the new quote and author fades in

henrylin03 commented 5 months ago

this is proving quite difficult in vanilla js. used keyframes in css to animate, but the challenge at the moment is enabling the animation to restart.

adding class to fade-out, then adding class to fade-in doesn't seem to work