Mit CSS3 erstellter Hintergrundverlaufsanimationseffekt

<h1 class="text-light">Rein CSS-animierter Farbverlaufshintergrund</h1>

<div Klasse="btn-group mt-2 mb-4" Rolle="Gruppe" aria-label="Aktionstasten">
	<a href="https://codepen-api-export-production.s3.us-west-2.amazonaws.com/zip/PEN/pyBNzX/1578778289271/pure-css-gradient-background-animation.zip" class="d-block btn btn-outline-light" download><i class="fas fa-file-download mr-2"></i>Quelle herunterladen</a>
	<a href="https://manuelpinto.in" target="_blank" class="d-block btn btn-outline-light">Besuchen Sie meine Website<i class="fas fa-external-link-square-alt ml-2"></i></a>
</div>

<h6 class="text-light small font-weight-bold"><i class="fas fa-code"></i> mit <i class="fas fa-heart"></i> von Manuel Pinto</h6>

<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/js/all.min.js" integrity="sha256-qM7QTJSlvtPSxVRjVWNM2OfTAz/3k5ovHOKmKXuYMO4=" crossorigin="anonymous"></script>

Körper {
	Hintergrund: linearer Farbverlauf (-45 Grad, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	Hintergrundgröße: 400 % 400 %;
	Animation: Farbverlauf, 15 s, langsam, unendlich;
}

@keyframes Farbverlauf {
	0% {
		Hintergrundposition: 0 % 50 %;
	}
	50 % {
		Hintergrundposition: 100 % 50 %;
	}
	100 % {
		Hintergrundposition: 0 % 50 %;
	}
}