/ Background Patterns

CSS3 gradient pattern

CSS3 gradient pattern

CSS3 gradient pattern

CSS3 white gradient pattern.

Made with

Html
Css

Author

fox_hover

Css

body {
  background: 
    radial-gradient(black 3px, transparent 4px),
    radial-gradient(black 3px, transparent 4px),
    linear-gradient(#fff 4px, transparent 0),
    linear-gradient(45deg, transparent 74px, transparent 75px, #a4a4a4 75px, #a4a4a4 76px, transparent 77px, transparent 109px),
    linear-gradient(-45deg, transparent 75px, transparent 76px, #a4a4a4 76px, #a4a4a4 77px, transparent 78px, transparent 109px),
  #fff;
  background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
}

Demo

See the Pen CSS3 gradient pattern by fox_hover (@fox_hover) on CodePen.

CodeTea

A Nice collection of often useful examples done in HTML JavaScript CSS.

Read More