.spin {
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.rotateAppear{
    -webkit-transition: 500ms ease-in;
    -moz-transition: 500ms ease-in;
    -o-transition: 500ms ease-in;
    transition: 500ms ease-in;
}

.rotate, 
.rotateCounterwise,
.rotateToStart
{
    -webkit-transition: 1500ms ease-out;
    -moz-transition: 1500ms ease-out;
    -o-transition: 1500ms ease-out;
    transition: 1500ms ease-out;
}

.rotateBookRight,
.rotateToDiagonal,
.rotateBookLeft{
     -webkit-transition: 1000ms linear;
    -moz-transition: 1000ms linear;
    -o-transition: 1000ms linear;
    transition: 1000ms linear;
}

.rotateToStart, .rotate, .rotateBookRight{
    -ms-transform: rotate(900deg);
     -webkit-transform: rotate(900deg);
    transform: rotate(900deg);
}
.rotateCounterwise,  .rotateAppear{
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}

.rotateToDiagonal{
    -ms-transform: rotate(750deg);
     -webkit-transform: rotate(750deg);
    transform: rotate(750deg);
}
.rotateBookLeft{
    -ms-transform: rotate(-900deg);
    -webkit-transform: rotate(-900deg);
    transform: rotate(-900deg);
}

.rotateBookLeftFast{
    -ms-transform:rotate(-360deg);
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
}
.rotateBookLeftToDiagonal{
    -ms-transform: rotate(-375deg);
    -webkit-transform: rotate(-375deg);
    transform: rotate(-375deg);
}

.rotateToHorizontal, .rotateToDiagonalFast, .rotateBookLeftFast, .rotateBookLeftToDiagonal{
    -webkit-transition: 400ms linear;
    -moz-transition: 400ms linear;
    -o-transition: 400ms linear;
    transition: 400ms linear;
}
.rotateBookFast{
    -webkit-transition: 200ms linear;
    -moz-transition: 200ms linear;
    -o-transition: 200ms linear;
    transition: 200ms linear;
}
.rotateBookFast{
    -ms-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
}
.rotateToHorizontal{
    -ms-transform: rotate(450deg);
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
}
.rotateToDiagonalFast{
    -ms-transform: rotate(430deg);
     -webkit-transform: rotate(430deg);
    transform: rotate(430deg);
}