@keyframes spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes spin3d {
  0%      { transform: rotate3d(1, 0, 0, 0deg); }
  33%     { transform: rotate3d(1, 0, 0, 360deg); }
  33.001% { transform: rotate3d(0, 1, 0, 0deg); }
  66%     { transform: rotate3d(0, 1, 0, 360deg); }
  66.001% { transform: rotate3d(0, 0, 1, 0deg); }
  100%    { transform: rotate3d(0, 0, 1, 360deg); }
}

@keyframes rainbow {
  0%      { color: rgb(0, 0, 0); }
  14.285% { color: rgb(0, 0, 255); }
  28.571% { color: rgb(0, 255, 0); }
  42.857% { color: rgb(0, 255, 255); }
  57.142% { color: rgb(255, 0, 0); }
  71.428% { color: rgb(255, 0, 255); }
  85.714% { color: rgb(255, 255, 0); }
  100%    { color: rgb(255, 255, 255); }
}