.rotate-in-center {
    -webkit-animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
            animation: rotate-in-center 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotate-in-center {
  0% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
    opacity: 1;
  }
}


.myrotate{
    
    -webkit-animation:spin 4s linear 5;
    -moz-animation:spin 4s linear 5;
    animation:spin 4s linear 5;
  
}
@-moz-keyframes myrotate { 
    100% { -moz-transform: rotate(360deg); 
    } 
}
@-webkit-keyframes myrotate { 
    100% { -webkit-transform: rotate(360deg); 
    } 
}
@keyframes myrotate { 
    100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); 
    } 
}


.airplanePropeller {
  animation-name: airplanePropeller;
  animation-duration: 5s;
  animation-timing-function: ease-in-out;
}


@keyframes airplanePropeller {
  from {
    transform-origin: center;
    transform: rotate(-20000deg);
    opacity: 1;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}