Skip to content

Instantly share code, notes, and snippets.

@christianvuerings
Created November 4, 2012 00:37
Show Gist options
  • Save christianvuerings/4009593 to your computer and use it in GitHub Desktop.
Save christianvuerings/4009593 to your computer and use it in GitHub Desktop.
h1 img {
position:relative;
width: 200px;
-webkit-animation:spin 2.2s infinite;
}
h1 img:before{
position:absolute;
content:'';
top:50%;
left:50%;
width:1em;
height:1em;
margin:-.5em;
border-radius:100%;
background:black;
}
@-webkit-keyframes spin {
0%{
-webkit-transform:rotate(0deg);
}
13%{
-webkit-transform:rotate(100deg);
}
23%{
-webkit-transform:rotate(90deg);
}
38%{
-webkit-transform:rotate(190deg);
}
48%{
-webkit-transform:rotate(180deg);
}
63%{
-webkit-transform:rotate(280deg);
}
73%{
-webkit-transform:rotate(270deg);
}
90%{
-webkit-transform:rotate(370deg);
}
100%{
-webkit-transform:rotate(360deg);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment