Skip to content

Instantly share code, notes, and snippets.

@inaz2

inaz2/guruguru.html

Created October 23, 2015 01:11
Show Gist options
  • Save inaz2/3f03951cc1ed3884dd06 to your computer and use it in GitHub Desktop.
Save inaz2/3f03951cc1ed3884dd06 to your computer and use it in GitHub Desktop.
Download ZIP
CSS Transform & Animation
Raw
guruguru.html
<!DOCTYPE html>
<html>
<head>
<title>CSS Transform &amp; Animation</title>
<style>
@keyframes guruguru {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.guruguru {
animation-name: guruguru;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
</style>
</head>
<body>
<img class="guruguru" style="margin:200px;" src="https://upload.wikimedia.org/wikipedia/commons/2/24/School_rumble_logo.gif">
</body>
</html>
@inaz2
Copy link
Author

inaz2 commented Oct 23, 2015

https://htmlpreview.github.io/?https://gist.githubusercontent.com/inaz2/3f03951cc1ed3884dd06/raw/guruguru.html

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment