2

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

2 に答える 2

7

いいえ、CSS は決定論的です。JavaScript でランダム性を作成するか、PHP で毎回ランダムに生成された css ファイルを提供します。

于 2012-10-28T18:13:25.313 に答える
2

LESS や SASS などの CSS プリプロセッサを使用してそれを行うことができます。これに関連する回答は次のとおりです。

SASS / Compassで乱数を作成することは可能ですか?

于 2012-10-28T19:54:23.000 に答える