redknitin/web01.html

## web01.html
<!doctype html><html>
<head>
	<title></title>
	<style>
		body {
			background-color: black;
		}

		@keyframes wiggum {
			0% { transform: translateX(0px); }
			25% { transform: translateY(400px); opacity: 0.05; }
			100% { transform: translateY(400px) translateX(800px); }
		}
		#a1 {
			margin-left: 0px;
			animation: wiggum 10s linear 1s infinite alternate;
		}


		@keyframes example {
		    from {background-color: red;}
		    to {background-color: blue;}
		}

		/* The element to apply the animation to */
		div {
		    width: 100px;
		    height: 100px;
		    background-color: red;
		    animation-name: example;
		    animation-duration: 4s;
		}
	</style>
	<script></script>
</head>
<body>
	<div id="a1">
		...
	</div>
</body>
</html>
	<!doctype html><html>
	<head>
	<title></title>
	<style>
	body {
	background-color: black;
	}

	@keyframes wiggum {
	0% { transform: translateX(0px); }
	25% { transform: translateY(400px); opacity: 0.05; }
	100% { transform: translateY(400px) translateX(800px); }
	}
	#a1 {
	margin-left: 0px;
	animation: wiggum 10s linear 1s infinite alternate;
	}



	@keyframes example {
	from {background-color: red;}
	to {background-color: blue;}
	}

	/* The element to apply the animation to */
	div {
	width: 100px;
	height: 100px;
	background-color: red;
	animation-name: example;
	animation-duration: 4s;
	}
	</style>
	<script></script>
	</head>
	<body>
	<div id="a1">
	...
	</div>
	</body>
	</html>