Skip to content

Instantly share code, notes, and snippets.

@debloper

debloper/clone.html

Created August 5, 2011 19:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save debloper/1128311 to your computer and use it in GitHub Desktop.
Save debloper/1128311 to your computer and use it in GitHub Desktop.
Download ZIP
In a response to Chirag64's effort to CSS3-Animation [http://justinme.0fees.net] - and how to debulkify the AdobeEDGE/jQuery junks.
Raw
clone.html
<!DOCTYPE HTML>
<html>
<!-- Just save it as a standalone HTML file and open in Firefox/Chrome/Safari -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Chiroo's Animation : Pirated by Debloper</title>
<style>
html, body { height: 100%; width: 100%; }
body { margin: 0; padding: 0; background: #EEE; }
header { height: 200px; width: 640px; margin: auto; }
h1 {
color: #369;
position: relative;
display: inline-block;
text-shadow: 3px 2px 10px #999;
font: 32px Verdana, Geneva, sans-serif;
animation: anim 5s infinite;
-moz-animation: anim 5s infinite;
-webkit-animation: anim 5s infinite;
}
@keyframes anim
{
from { left: 0; }
50% { left: 50%; }
to { left: 0; }
}
@-moz-keyframes anim
{
from { left: 0; }
50% { left: 50%; }
to { left: 0; }
}
@-webkit-keyframes anim
{
from { left: 0; }
50% { left: 50%; }
to { left: 0; }
}
</style>
</head>
<body>
<header>
<h1>Debloper was Here!</h1>
</header>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment