首页 > 代码库 > Compass css3

Compass css3

@include box-shadow(rgba(88,88,88,0.4) 0 0 20px 5px);

最后不用的参数就可以不写,rgba可以设透明度alpha,所以在photoshop里面算好rbg值来写也挺好的。

上面示例的0 0 是纵向以及横向偏移值。

20px是位移,5px是扩散。

最后省略了一位 inset。

http://compass-style.org/reference/compass/css3/box_shadow/

compass里面难道没有渐变写法?

先直接写了

background: -webkit-gradient(linear, left top, left bottom,from(#000),color-stop(0.8,#191919),to(#000));

在80%的地方是#191919,上下两侧是#000

如果只有两个颜色

background: -webkit-gradient(linear, 0 0, 0 100%, from(#000000), to(#191919));