Skip to content

Instantly share code, notes, and snippets.

@ml242
Created February 19, 2016 15:03
Show Gist options
  • Save ml242/c1b060efaa9bd07c1a08 to your computer and use it in GitHub Desktop.
Save ml242/c1b060efaa9bd07c1a08 to your computer and use it in GitHub Desktop.
replay button
// <a class="replay_btn hide"></a>
/////////////////// REPLAY ///////////////////
@transitSpeed: 0.5s;
@replayScale: 0.75;
.replay_btn {
background: url(replay_btn.png) 0 0 no-repeat;
position: absolute;
top: 5px * (@replayScale);
right: 5px * (@replayScale);
width: 20px;
height: 16px;
pointer-events: all;
cursor: pointer;
z-index: 10;
-webkit-transition: all @transitSpeed;
-moz-transition: all @transitSpeed;
-ms-transition: all @transitSpeed;
-o-transition: all @transitSpeed;
transition: all @transitSpeed;
-webkit-transform: scale(@replayScale) rotate(0deg);
-moz-transform: scale(@replayScale) rotate(0deg);
-ms-transform: scale(@replayScale) rotate(0deg);
-o-transform: scale(@replayScale) rotate(0deg);
transform: scale(@replayScale) rotate(0deg);
}
.replay_btn:hover {
-webkit-transform: scale(@replayScale) rotate(359deg);
-moz-transform: scale(@replayScale) rotate(359deg);
-ms-transform: scale(@replayScale) rotate(359deg);
-o-transform: scale(@replayScale) rotate(359deg);
transform: scale(@replayScale) rotate(359deg);
}
/////////////////// REPLAY ///////////////////
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment