Skip to content

Instantly share code, notes, and snippets.

@ep4sh

ep4sh/gist:3a2f1f7728fa2d1a8ccff04753f7f586

Created September 9, 2018 12:29
Show Gist options
  • Save ep4sh/3a2f1f7728fa2d1a8ccff04753f7f586 to your computer and use it in GitHub Desktop.
Save ep4sh/3a2f1f7728fa2d1a8ccff04753f7f586 to your computer and use it in GitHub Desktop.
Download ZIP
CSS ROTATION EFFECT
Raw
gistfile1.txt
<!DOCTYPE html>
<html lang="en">
<head>
<title>titile</title>
<meta charset="utf-8">
<style>
@keyframes RX {
from { transform: rotate(0deg);}
to {transform:rotate(10200deg);}
}
.rot {
animation-name: RX;
animation-duration: 5s;
animation-timing-function: ease-in;
animation-iteration-count: infinite;
animation-direction: alternate;
}
</style>
</head>
<body>
<img class="rot" src="../static/images/RXlogo.png" >
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment