CSS3 Chessboard Pattern | Css3 Backgrounds & Patterns

Back to CSS3 Backgrounds and Patterns List

background: linear-gradient(45deg, #fff 25%,transparent 26%,transparent 75%,#fff 76%),
linear-gradient(-45deg, #fff 25%,transparent 26%,transparent 75%,#fff 76%);
background-color: #000;
background-size: 100px 100px;

This chess board pattern can be easily modified: changing the background-size will change the squares size,
the background-color changes the black squares color and replacing all the #fff values in background will replace the white color;

by Codicode.com