<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title> 4. Beispiel Keyframes, Text </title>
			<meta name="author" content="Administrator"/>
			<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
			<link rel="stylesheet" type="text/css"
				href="html5-css3-keyframes4.css" title="style1"/>
	</head>

<body>
  <h1>4. Beispiel Keyframes, Text</h1>

<pre>
body {
	font-size: 1.2em;
	color: rgb(100,100,100);
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: 400;
}

.box1 {
  animation-duration: 7s;
  animation-name: slide1;
  width: 300px; 
  position:relative;
}


</pre>

<div class="box1">
Hier ist die erste Zeile<br />
Hier ist die zweite Zeile<br />
</div> 
<div class="box2">
Hier ist die erste Zeile<br />
Hier ist die zweite Zeile<br />
</div> 
</body>
</html>




