<?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> Video3, Transition1 </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-transform-multi9.css" title="style1"/>
    <script type="text/javascript">
       // <![CDATA[
      "use strict;"
      function  translate( form ) {
        "use strict;"
         var box = document.getElementById('myText');
         alert ("1") ;
         var grad=30;
         alert ("2") ;
         //var ctx=box.getContext("2d");
         alert ("3") ;
         box.translate(145px);
         //ctx.rotate((grad*Math.PI/180));
         alert ("ende") ;
      }
      // ]]>
    </script>



	</head>

<body>
	<h1> 1. Text Beispiel, Transition</h1>

<form>

<p  id="myText"  >
Hier ist die erste Zeile<br />
Hier ist die zweite Zeile<br />
</p>
<br/>
<br/>

<p   class="box" >
Hier ist die erste Zeile<br />
Hier ist die zweite Zeile<br />
</p>

<br/>
<br/>

<input type="button" value="translate" onclick="translate(this.form)"/>



</form>

</body>
</html>


















