Background Checkerboard Pattern CSS

Assalamualaikum Wr.Wb underground404 - Sekarang saya mau share background css pattern lagi nih. Kalo kemaren postingan terakhirkan cuman share template. Kalau dlu juga pernah share background pattern css tapi kali ini saya share cuman satu, hehe baru dapet satu yaudah share aja deh. Bentuknya kayak papan catur, keren nih keknya. Penasaran nggak?? entar liat sendiri dibawah ada demonya kok, hehe. Oke langsung saja yah. Kalo yang belum tahu cara rubah background bisa langsung ke link ini. Udah yah langsung saja.

Kode CSS nya ada dibawah:

background-image:
-moz-linear-gradient(45deg, #000 25%, transparent 25%), 
-moz-linear-gradient(-45deg, #000 25%, transparent 25%),
-moz-linear-gradient(45deg, transparent 75%, #000 75%),
-moz-linear-gradient(-45deg, transparent 75%, #000 75%);
background-image:
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, #000), color-stop(.25, transparent)), 
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #000), color-stop(.25, transparent)),
-webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, #000)),
-webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, #000));

-moz-background-size:100px 100px;
background-size:100px 100px;
-webkit-background-size:100px 101px; /* override value for shitty webkit */

background-position:0 0, 50px 0, 50px -50px, 0px 50px;

Oke mungkin hanya satu yang saya temukan. Kalo ada lagi insyaallah saya share. Udah yah.
Wassalamualaikum Wr.Wb #Semoga bermanfaat :)

Source: http://lea.verou.me