Skip to content

Instantly share code, notes, and snippets.

@dievardump

dievardump/avatar yahouuuu

Created July 26, 2012 21:12
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 dievardump/3184543 to your computer and use it in GitHub Desktop.
Save dievardump/3184543 to your computer and use it in GitHub Desktop.
Download ZIP
avatar yahouuuu
Raw
avatar yahouuuu
$('body').append('<style>@-moz-keyframes myEffingAnimation { 25% { -moz-transform: rotate(-360deg) scale(4); } 50% { -moz-transform: rotate(0) scale(1); } 75% { -moz-transform: rotate(360deg) scale(4); } 100% { -moz-transform: rotate(0) scale(1); }}@-webkit-keyframes myEffingAnimation { 25% { -webkit-transform: rotate(-360deg) scale(4); } 50% { -webkit-transform: rotate(0) scale(1); } 75% { -webkit-transform: rotate(360deg) scale(4); } 100% { -webkit-transform: rotate(0) scale(1); }}@-ms-keyframes myEffingAnimation { 25% { -ms-transform: rotate(-360deg) scale(4); } 50% { -ms-transform: rotate(0) scale(1); } 75% { -ms-transform: rotate(360deg) scale(4); } 100% { -ms-transform: rotate(0) scale(1); }}@-o-keyframes myEffingAnimation { 25% { -o-transform: rotate(-360deg) scale(4); } 50% { -o-transform: rotate(0) scale(1); } 75% { -o-transform: rotate(360deg) scale(4); } 100% { -o-transform: rotate(0) scale(1); }}@keyframes myEffingAnimation { 25% { transform: rotate(-360deg) scale(4); } 50% { transform: rotate(0) scale(1); } 75% { transform: rotate(360deg) scale(4); } 100% { transform: rotate(0) scale(1); }}.avatar img { -moz-animation: myEffingAnimation 5s infinite; -webkit-animation: myEffingAnimation 5s infinite; -ms-animation: myEffingAnimation 5s infinite; -o-animation: myEffingAnimation 5s infinite; animation: myEffingAnimation 5s infinite; }</style>');
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment