2018-10-11 01:03:07 +00:00
|
|
|
|
<!DOCTYPE html>
|
2018-10-12 12:44:50 +00:00
|
|
|
|
<html lang="fr">
|
2018-10-11 01:03:07 +00:00
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>Moving Square - Lucien Cartier-Tilet</title>
|
2018-10-12 12:44:50 +00:00
|
|
|
|
<meta name="author" content="Lucien Cartier-Tilet" />
|
|
|
|
|
|
<meta name="description" content="Page universitaire de Lucien Cartier-Tilet" />
|
2018-10-11 01:03:07 +00:00
|
|
|
|
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
2018-10-12 12:44:50 +00:00
|
|
|
|
<meta name="viewport" content="initial-scale=1, user-scalable=yes, maximum-scale=5, width=device-width, height=device-height">
|
2018-10-11 01:03:07 +00:00
|
|
|
|
<link rel="stylesheet" type="text/css" href="../css/style.css" />
|
|
|
|
|
|
<link rel="stylesheet" href="../css/square.css" type="text/css" />
|
|
|
|
|
|
<script src="../js/square.js"></script>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<ul class="navbar">
|
|
|
|
|
|
<li><a href="../">Home</a></li>
|
2018-10-12 12:44:50 +00:00
|
|
|
|
<li><a class="active" href="../square/">Square</a></li>
|
|
|
|
|
|
<li><a href="../faker/">Faker</a></li>
|
|
|
|
|
|
<li><a href="../canvas/">Canvas</a></li>
|
|
|
|
|
|
<li><a href="../button/">Button</a></li>
|
2018-10-12 23:28:32 +00:00
|
|
|
|
<li><a href="../animation/">Animation</a></li>
|
|
|
|
|
|
<li><a href="../edit-image/">Édition d’Image</a></li>
|
2018-11-22 11:02:02 +00:00
|
|
|
|
<li><a href="../random-rectangles/" >Rectangles aléatoires</a></li>
|
2018-10-11 01:03:07 +00:00
|
|
|
|
</ul>
|
|
|
|
|
|
<div id="container">
|
|
|
|
|
|
<div class="content">
|
|
|
|
|
|
<p>Un carré traversant l’écran et apparaissant du côté gauche de l’écran alors qu’il disparaît du côté droit de ce dernier.</p>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
<div class="carre"></div>
|
|
|
|
|
|
<div class="carre" id="carre2"></div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
|
|
|
|
|
|
</html>
|
