puzzles Patterns

CSS3 gold puzzle pattern

You can download the pattern or use the CSS3 code below (you can copy the text).body { /* CSS3 pattern provided by JonesPatterns.com */ background-image: radial-gradient(at 10% 60%, gold 0 17%, #fff 0 20%, transparent 0 20%), radial-gradient(at 60% 5%, gold 0 17%, #fff 0 20%, transparent 10%), linear-gradient(90deg, #fff 3%, transparent 0 50%), linear-gradient(180deg, CSS3 gold puzzle pattern

Get Pattern

CSS3 gold puzzle pattern

You can download the pattern or use the CSS3 code below (you can copy the text).
body {
/* CSS3 pattern provided by JonesPatterns.com */
background-image:
radial-gradient(at 10% 60%, gold 0 17%, #fff 0 20%, transparent 0 20%),
radial-gradient(at 60% 5%, gold 0 17%, #fff 0 20%, transparent 10%),
linear-gradient(90deg, #fff 3%, transparent 0 50%),
linear-gradient(180deg, #fff 3%, transparent 0 50%);
background-color: gold;
background-size: 120px 120px;
}