Is there a way I can use text animations on Sugarcube?

Question

I just want to make my text fade-in instead of instantly appearing. It would be nice to have other effects too, but having fade in is enough for me.

Answer 1

You can add whatever animation effect you want using your css stylesheet. A fade-in effect for example:

.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 2s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

Then use it in your passage like this:

@@.fade-in;Your text@@

 

Comments

Thank you, will do.