Animation Duration

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 Duration</title>
	<style>
		div.anim {
			width: 100px;
			height: 100px;
			background: red;
			position :relative;
			animation: myanim infinite;
			animation-duration: 16s;
		}

		@keyframes myanim {
			0%   { left: 0px;}
			100% { left: 300px;}
		}
	</style>
</head>
<body>
	<p><strong>animation-duration </strong>regelt die Abspiel-Dauer</p>

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


 

            

animation-duration

animation-duration regelt die Abspiel-Dauer

/* Sekunden oder Millisekunden */
animation-duration: 6s;
animation-duration: 120ms;

DB-Table: animation-duration