Tuto Javascript

Animations Javascript

Plusieurs méthodes permettent de créer des animations en Javascript. La méthode proposée ici vas vous permettre d'animer un élément du DOM en modifiant ses propriétés CSS grâce au langage Javascript.

Exemple d'animation Javascript

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>test animation JS</title>
	</head>
	<style>
		#carre-orange{
			background-color:orange;
			width:100px;
			height:100px;
		}
	</style>
	<body>
		<div id="carre-orange" onclick="moveThis()"></div>
		<script>
			var distanceLeft = 0;
			function moveThis() {
				distanceLeft += 10;
				document.getElementById("carre-orange").style.marginLeft = distanceLeft +"px";
			}
		</script>
	</body>
</html>