Setting text transition

Hi guys :slight_smile: I just finished my Random Quote Machine:
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? :slight_smile:

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 :slight_smile: