2
我只是想知道,是否有可能使用只有CSS的随机生成的属性,或将需要一些JavaScript。随机属性纯粹的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;}
如果我理解正确的话,你想CSS来产生这些随机位置CSS元素? – Jules
是的,我不认为它有可能吗? –
使用CSS是不可能的。这有点儿延伸,但是你可以使用PHP来产生一定范围内的随机数(或者是出于这个原因的百分比),这个位置的值应该是这样的;然而,这只适用于'