example-code/styles/mysite-sass/partials/_effects.scss

@use "sass:map";
@use "sass:color";

@keyframes fade-in-translate {
	from {
		transform: translateY(-50px);
		opacity: 0;
	}

	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fade-in {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fade-in {
	animation: fade-in-translate 0.5s 0.5s both;
}

.fade-in-2 {
	animation: fade-in-translate 0.7s 0.7s both;
}

.fade-in-3 {
	animation: fade-in 0.7s 0.7s both;
}