小编Ana*_*ani的帖子

随机属性纯CSS

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

我想要实现的效果是在页面上随机定位彩色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;}
?
Run Code Online (Sandbox Code Playgroud)

html javascript css

2
推荐指数
1
解决办法
609
查看次数

标签 统计

css ×1

html ×1

javascript ×1