Depot43-Unterlagen - Animation Iteration Count

Animation Iteration Count

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 Iteration Count</title>
	<style>
		div.anim {
			width: 100px;
			height: 100px;
			background: red;
			position :relative;
			animation: myanim;
			animation-duration: 4s;
			animation-iteration-count: 1.2
		}

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

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


 

            

animation-iteration-count

Endlos = infinite, 3 x = 3, Zweieinhalb x = 2.5

animation-iteration-count: infinite
animation-iteration-count: 3
animation-iteration-count: 2.5

DB-Table: animation-iteration-count