Depot43-Unterlagen - Animation-Delay

Animation-Delay

Der Quelltext wurde erfolgreich in die Zwischenablage kopiert.

HTML Elemente

            
            



<!doctype html>
<html lang="de">
<head>
	<meta charset=utf-8>
	<title>HTML5 Flex CSS - Animation-Delay</title>
	<style>
		div.anim {
			width: 100px;
			height: 100px;
			background: red;
			position :relative;
			animation: myanim 5s infinite;
			animation-delay: 5s;
		}

		@keyframes myanim {
			0%   { left: 0px; background: red;}
			50%  { left: 300px; background: black;}
			100% { left: 0px; background: red;}
		}
	</style>
</head>
<body>
	<p><strong>animation-delay </strong>verzögert den Start der Animation beim ersten Start - (5 Sekunden warten)</p>

	<div class="anim"></div>
</body>
</html>


 

            

animation-delay

Die Verzögerung wird beim Start der Animation ausgeführt, soblad die Seite fertig geladen ist.

animation-delay: 5s;

DB-Table: animation-delay