html怎么把图片做成一条花纹,CSS3 花纹背景图

CSS

语言：

CSSSCSS

确定

html {

height: 100%;

background: -webkit-repeating-radial-gradient(circle, transparent, transparent 3em, hotpink 1em, transparent 6em, tomato 6.5em), -webkit-repeating-radial-gradient(ellipse farthest-corner, transparent 1em, cornflowerblue 1em, transparent 5em, cornflowerblue 2em), -webkit-repeating-radial-gradient(circle, transparent, transparent 3em, gold 1em, transparent 2em, gold 4em), -webkit-repeating-radial-gradient(circle, transparent 3em, gold 1em, transparent 2em, gold 4em), white;

background: repeating-radial-gradient(circle, transparent, transparent 3em, hotpink 1em, transparent 6em, tomato 6.5em), repeating-radial-gradient(ellipse farthest-corner, transparent 1em, cornflowerblue 1em, transparent 5em, cornflowerblue 2em), repeating-radial-gradient(circle, transparent, transparent 3em, gold 1em, transparent 2em, gold 4em), repeating-radial-gradient(circle, transparent 3em, gold 1em, transparent 2em, gold 4em), white;

background-blend-mode: multiply;

background-size: 10em 10em;

background-position: 0 0, 5em 5em, 15em 50em;

}