Skip to content

Instantly share code, notes, and snippets.

@oonisidesu
Created August 6, 2018 13:20
Show Gist options
  • Save oonisidesu/6f0ca02dd23c496853a495912fad003f to your computer and use it in GitHub Desktop.
Save oonisidesu/6f0ca02dd23c496853a495912fad003f to your computer and use it in GitHub Desktop.
@-webkit-keyframes spinner {
from {
-webkit-transform: rotateY(0deg);
}
to {
-webkit-transform: rotateY(-360deg);
}
}
#stage {
margin: 1em auto;
-webkit-perspective: 1200px;
}
#spinner {
-webkit-animation-name: spinner;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-duration: 6s;
-webkit-transform-style: preserve-3d;
}
#spinner:hover {
-webkit-animation-play-state: paused;
}
#spinner img {
position: absolute;
border: 1px solid #ccc;
background: rgba(255,255,255,0.8);
box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment