/* Generic 360 flip rotation */
@keyframes trickAnimation {
  0% {
    transform: rotate3d(1,0,1,0deg);
  }
  100% {
    transform: rotate3d(1,0,-1,360deg);
  }
}



/* Specific trick animations */
@keyframes Kickflip {
  0% {
    transform: rotate3d(1,0,0,0deg);
  }
  100% {
    transform: rotate3d(1,0,0,360deg);
  }
}
.Kickflip-animation {
  animation-name: Kickflip;
  animation-duration: 1s;
  animation-iteration-count: 1;
}

@keyframes Heelflip {
  0% {
    transform: rotate3d(1,0,0,0deg);
  }
  100% {
    transform: rotate3d(1,0,0,-360deg);
  }
}
.Heelflip-animation {
  animation-name: Heelflip;
  animation-duration: 1s;
  animation-iteration-count: 1;
}