Setting text transition

Setting text transition
0.0 0

#1

Hi guys :slight_smile: 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? :slight_smile:


#2

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.


#3

Yes, I didn’t want to use jQuery this time. Fading out card body is a great idea, thanks :slight_smile: