Javascript 纯CSS的随机属性

我只是想知道，是否可以只使用CSS随机生成属性，或者是否需要一些javascript

我想要达到的效果是将彩色div随机放置在页面上

HTML：
CSS:
身体{
高度：600px；背景色：#66ccff；}
.盒子{
高度：200px；宽度：200px；
-webkit变换：旋转（-5度）；
-moz变换：旋转（-5度）；
-webkit盒阴影：15px 15px 20px rgba（0,0,0,0.3）；
-moz盒阴影：15px 15px 20px rgba（0,0,0,0.3）；
}
.wsbg1{背景色：#ec0689；}
.wsbg2{背景色：#ffde00；}
.wsbg3{背景色：#09aeee；}
.wsbg4{背景色：#5eb345；}
​

不，CSS是确定性的。使用javascript创建随机性，或者每次使用PHP提供随机生成的css文件。

您可以使用css预处理器（如LESS或SASS）来实现这一点，下面是一个相关的答案：

---

如果我理解正确，您希望CSS为这些CSS元素生成随机位置？是的，我认为不可能？使用CSS是不可能的。这有点牵强，但您可以使用PHP生成特定范围内的随机数（或百分比，出于这个原因），其中位置的值为；但是，这只能应用于

标记中的CSS，而不能应用于链接的样式表。这只会在CSS生成时随机化CSS。我也在寻找一种不使用javascript而真正随机使用CSS动画的方法。

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;}
​