black Patterns

CSS3 eyeball 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(circle, black 10%, transparent 11%), radial-gradient(circle, #abfb17 10%, #6db614 20%, #6db614 25%, transparent 26%), radial-gradient(circle, white 30%, #dfdfdf 49%, black 50%); background-color: #000; background-size: 60px 60px; }

Get Pattern

CSS3 eyeball 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(circle, black 10%, transparent 11%),
radial-gradient(circle, #abfb17 10%, #6db614 20%, #6db614 25%, transparent 26%),
radial-gradient(circle, white 30%, #dfdfdf 49%, black 50%);
background-color: #000;
background-size: 60px 60px;
}

CSS3 purple & black stripe 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: linear-gradient(90deg, #000 20%, purple 20%); background-color:black; background-size: 50px 50px; }

Get Pattern

CSS3 purple & black stripe 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: linear-gradient(90deg, #000 20%, purple 20%);
background-color:black;
background-size: 50px 50px;
}