Stars Background Pattern Using Pure CSS | Pure CSS Gradient Tutorial

Stars background Patterns Effects Using Pure HTML And CSS Gradient Effects.
Pure CSS Gradient Background Effects.

Watch The Full PlayList:

#CSSGradient
#pureCSS
#backgroundPatterns
#BackgroundDesing

[vinny]

body{
background:
linear-gradient(324deg, #000 4%, transparent 4%) -70px 43px,
linear-gradient(36deg, #000 4%, transparent 4%) 30px 43px,
linear-gradient(72deg, #fff 8.5%, transparent 8.5%) 30px 43px,
linear-gradient(288deg, #fff 8.5%, transparent 8.5%) -70px 43px,
linear-gradient(216deg, #fff 7.5%, transparent 7.5%) -70px 23px,
linear-gradient(144deg, #fff 7.5%, transparent 7.5%) 30px 23px,

linear-gradient(324deg, #000 4%, transparent 4%) -20px 93px,
linear-gradient(36deg, #000 4%, transparent 4%) 80px 93px,
linear-gradient(72deg, #fff 8.5%, transparent 8.5%) 80px 93px,
linear-gradient(288deg, #fff 8.5%, transparent 8.5%) -20px 93px,
linear-gradient(216deg, #fff 7.5%, transparent 7.5%) -20px 73px,
linear-gradient(144deg, #fff 7.5%, transparent 7.5%) 80px 73px;
background-size:100px 100px;
background-color:#000;
}