무작위 속성 순수 CSS

Question

난 그냥 CSS를 사용하여 임의로 생성 된 속성을 가질 수 있습니까, 아니면 일부 자바 스크립트가 필요합니다 궁금 해서요.

달성하려는 효과는 페이지에 색상이있는 div가 임의로 배치되도록하는 것입니다.

http://jsfiddle.net/pphheerroonn/F95Ju/2/embedded/result/는

HTML: 
<div class="box wsbg1"></div> 
<div class="box wsbg2"></div> 
<div class="box wsbg3"></div> 
<div class="box wsbg4"></div> 


CSS: 
body { 
    height: 600px; background-color: #66ccff;} 
.box { 
    height: 200px; width: 200px; 
    -webkit-transform: rotate(-5deg); 
    -moz-transform: rotate(-5deg); 
    -webkit-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.3); 
    -moz-box-shadow: 15px 15px 20px rgba(0, 0, 0, 0.3); 
} 
.wsbg1 {background-color: #ec0689;} 
.wsbg2 {background-color: #ffde00;} 
.wsbg3 {background-color: #09aeee;} 
.wsbg4 {background-color: #5eb345;} 
​