title: How to create modern background with rotating geometric shapes in HTML5
body: <p>I saw a background that looks great, but was written using Shockwave. Can this be closely reproduced using HTML5 (no plugins)? Ideally, it would work in IE9+, Firefox 5+ and Chrome 9+. The effect I want is under the text "Customize your peace of mind."</p>
  
  <p><a href="http://www.bluedotsafes.com/information.php?info_id=8" rel="nofollow">http://www.bluedotsafes.com/information.php?info_id=8</a></p>
  
  <p>A working example using <a href="http://jsfiddle.net" rel="nofollow" title="jsFiddle">jsfiddle</a> would be great.</p>
  
  <p>This is the snippet of Shockwave code:
  <a href="http://jsfiddle.net/RWdeA/1/" rel="nofollow">http://jsfiddle.net/RWdeA/1/</a></p>