CSS3 animation with rotation using transform-origin down the side

Browser support (9th October 2011): Safari (iPhone and iPad untested), Chrome 11 and Firefox (Aurora).

 background: 
  radial-gradient(-50% 0%, transparent, rgba(0,0,255,0.2) 90%), 
  radial-gradient(75px 75px, black 36px, rgba(0,0,0,0.6) 36px, rgba(255,255,255,0.1) 75px, transparent 75px) -100px 50px, 
  url(../../../images/hatch.gif);
 background-repeat: repeat-y;
 background-size: auto auto, 150px 150px;