使用SASS返回随机位置和颜色

时间:2016-02-06 03:48:38

标签: sass

我尝试使用SASS为阴影创建随机颜色和位置。到目前为止,我已经找到了帮助,并使定位工作,但我目前正在努力随机颜色。我的代码如下:

@import compass

@function multiple-box-shadow ($n, $sc) 
  $value: '#{random(2000)}px #{random(2000)}px $sc'
  @for $i from 2 through $n
    $value: '#{$value} , #{random(2000)}px #{random(2000)}px $sc'

  @return unquote($value)
  @return unquote($sc)

$shadows-small:  multiple-box-shadow(700, '#0000ff')
$shadows-medium: multiple-box-shadow(200, '#00ff00')
$shadows-big:    multiple-box-shadow(100, '#ff0000')

Link to forked Codepen

1 个答案:

答案 0 :(得分:2)

你可以这样做:

rgb(random(256)-1, random(256)-1, random(256)-1);