用CSS3绘制带有白点的背景

时间:2015-04-24 17:57:57

标签: css3 css-shapes

我知道可以仅使用CSS绘制this背景(因此不使用图像文件)。我很好奇我怎么能这样做。我已经在网上找到了很多关于使用CSS3制作渐变等信息的信息,但是我从来没有找到任何指南来解释如何在CSS中创建比这个图像更高级的东西作为背景。关于如何开始的任何想法?

enter image description here

1 个答案:

答案 0 :(得分:2)

不是我的小提琴,但我发现了这个:http://jsfiddle.net/leaverou/RtGsM/

body {
    background:
        -moz-radial-gradient(white 15%, transparent 16%),
        -moz-radial-gradient(white 15%, transparent 16%),
        black;
    background:
    -webkit-radial-gradient(white 15%, transparent 16%),
    -webkit-radial-gradient(white 15%, transparent 16%),
    black;
background-position: 0 0, 80px 80px;

-webkit-background-size:160px 160px;
-moz-background-size:160px 160px;
background-size:160px 160px;
}