CSS star pattern (gradients)
Quick attempt at making a repeating star pattern using CSS gradients.
by secretgspot
CSS
body {
background-color:
#232927;
background-size:
200px 200px;
background-position:
-170px -140px,
-70px -40px,
30px 60px,
130px 160px,
-170px 23px,
-70px 123px,
29px 23px,
129px 123px,
30px 60px,
130px 160px,
-169px -140px,
-69px -40px;
background-image:
-webkit-linear-gradient(127deg, #232927 4%, transparent 4%),
-webkit-linear-gradient(127deg, #232927 4%, transparent 4%),
-webkit-linear-gradient(54deg, #232927 4%, transparent 4%),
-webkit-linear-gradient(54deg, #232927 4%, transparent 4%),
-webkit-linear-gradient(54deg, transparent 93.5%, #e3d7bf 93.5%),
-webkit-linear-gradient(54deg, transparent 93.5%, #e3d7bf 93.5%),
-webkit-linear-gradient(306deg, #e3d7bf 7.5%, transparent 7.5%),
-webkit-linear-gradient(306deg, #e3d7bf 7.5%, transparent 7.5%),
-webkit-linear-gradient(18deg, #e3d7bf 8%, transparent 8%),
-webkit-linear-gradient(18deg, #e3d7bf 8%, transparent 8%),
-webkit-linear-gradient(342deg, transparent 92.5%, #e3d7bf 92.5%),
-webkit-linear-gradient(342deg, transparent 92.5%, #e3d7bf 92.5%);
background-image:
-moz-linear-gradient(127deg, #232927 4%, transparent 4%),
-moz-linear-gradient(127deg, #232927 4%, transparent 4%),
-moz-linear-gradient(54deg, #232927 4%, transparent 4%),
-moz-linear-gradient(54deg, #232927 4%, transparent 4%),
-moz-linear-gradient(54deg, transparent 93.5%, #e3d7bf 93.5%),
-moz-linear-gradient(54deg, transparent 93.5%, #e3d7bf 93.5%),
-moz-linear-gradient(306deg, #e3d7bf 7.5%, transparent 7.5%),
-moz-linear-gradient(306deg, #e3d7bf 7.5%, transparent 7.5%),
-moz-linear-gradient(18deg, #e3d7bf 8%, transparent 8%),
-moz-linear-gradient(18deg, #e3d7bf 8%, transparent 8%),
-moz-linear-gradient(342deg, transparent 92.5%,...