Skip to content

Instantly share code, notes, and snippets.

@leechy
Created March 13, 2013 09:47
Show Gist options
  • Save leechy/5150637 to your computer and use it in GitHub Desktop.
Save leechy/5150637 to your computer and use it in GitHub Desktop.
animation-delay games
/* animation-delay games */
@-moz-keyframes delay {
from { transform: rotate(90deg); }
to { transform: rotate(270deg); }
}
body {
background: #f06;
background: linear-gradient(45deg, #f06, yellow);
min-height: 100%;
}
div {
position: absolute;
width: 50px;
height: 50px;
background-color: blue;
animation: 2s linear -0.6s infinite delay;
animation-play-state: paused;
}
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment