CSS Humor

Universe Spin Iteration Count Infinite, Plus Self

  1. @-webkit-keyframes spin {
  2.  from {
  3.    -webkit-transform: rotate(0deg);
  4.    -webkit-animation-timing-function: linear;
  5.  }
  6.  to {
  7.    -webkit-transform: rotate(360deg);
  8.    -webkit-animation-timing-function: linear;
  9.  }
  10. }
  11. #universe {
  12.  position: fixed;
  13.  top: 50%;
  14.  left: 50%;
  15.  -webkit-animation: spin;
  16.  -webkit-animation-duration: 2s;
  17.  -webkit-animation-iteration-count: infinite;
  18. }
  19. #self {
  20.  position: fixed;
  21.  top: 50%;
  22.  left: 50%;
  23. }

From Groxx