Hi guys 
I just finished my Random Quote Machine: https://codepen.io/mmicalt/full/MEPyRy/
But there’s one thing I’d like to improve: my quotes’ text changes immediately after clicking, while background image makes smooth transition. I’d like to do same thing for text, but i can’t. Any help?
The easiest way if you don’t want to use jQuery seems to be to add functionality to your clickhandler. Onclick first fade out the .card-body div either by using css animation or in a pure javascript way, next load the new text with the invisible div and fade it in again.
Yes, I didn’t want to use jQuery this time. Fading out card body is a great idea, thanks