无重复CSS径向渐变

时间:2012-07-18 13:47:12

标签: css css3 background radial-gradients

有没有办法不重复白圈?

http://dabblet.com/gist/3136266

background: #ffffff;
background-image:
    radial-gradient(rgba(255, 255, 255, 1) 50%, rgba(255,255,255,0) 80%),
    linear-gradient(rgba(255, 255, 255, 1) 5px, transparent 5px),
    linear-gradient(0, rgba(0, 100, 0, 0.75) 3px, transparent 3px);
background-size:
    400px 60px,
    15px 15px,
    7px 7px;
background-position:
    1px 1px,
    -2px -2px,
    1px 1px;

thx求助:)

2 个答案:

答案 0 :(得分:2)

background-repeat: no-repeat, repeat, repeat;

示例:http://dabblet.com/gist/3136366

答案 1 :(得分:2)

使用background-repeat与其他人相同

background-repeat:no-repeat, repeat, repeat;