<html>
<head>
<!--
working example here: http://jsfiddle.net/wLTAS/
-->
<title>Walk the Line</title>
<style type="text/css">
.walk{
-webkit-transform: translate(400px,0);
-webkit-transition: all 1s ease-in-out;
}
</style>
</head>
<body>
<p style="border-bottom:solid 5px #000;width:500px;">
<img id="man" width="76" height="201" title="" alt="Johnny Cash" src="http://redyellow.co.uk/wp-content/uploads/cash.jpg" />
</p>
<script type="text/javascript">
setTimeout(function(){
var man = document.getElementById('man');
man.className = "walk";
}, 2000);
</script>
</body>
</html>
<head>
<!--
working example here: http://jsfiddle.net/wLTAS/
-->
<title>Walk the Line</title>
<style type="text/css">
.walk{
-webkit-transform: translate(400px,0);
-webkit-transition: all 1s ease-in-out;
}
</style>
</head>
<body>
<p style="border-bottom:solid 5px #000;width:500px;">
<img id="man" width="76" height="201" title="" alt="Johnny Cash" src="http://redyellow.co.uk/wp-content/uploads/cash.jpg" />
</p>
<script type="text/javascript">
setTimeout(function(){
var man = document.getElementById('man');
man.className = "walk";
}, 2000);
</script>
</body>
</html>
Pingback: Movies as Code » startafire