animation-magic/index.html at master · stemleague/animation-magic · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<!DOCTYPE html>
<html>
<head>
	<title>Animation Magic!</title>
  <!-- Add CSS for your form, button, and Animation here! Make sure to refer to Buttons & Animations lesson
  for helpful sample code! -->
  <style>

    body {
			width: 100%;
			background-image: url("YOUR-IMAGE-NAME");
			background-size: cover;
			background-repeat: repeat-x;
			animation: scroll 20s linear infinite;
		}

    img {
			display: block;
			margin: 0 auto;
		}

		.form {
			text-align: center;
		}

	</style>
</head>
<body>


	<h1>Add Your Own Text Here</h1>
  <!-- Create an image tag with the image of your alter ego dinosaur (see below) -->
  <img title="name-your-dinosaur" src="image-path-or-url">


	<h2>My Form</h2>

	<div class="form">
  <!-- Place your form here! -->
	</div>


</body>
</html>