Demo/Demo
HTML view
<style>
body {
background: linear-gradient(163deg, transparent 0px, transparent 1px, #ccc 1px, #ccc 14px, transparent 14px), linear-gradient(161deg, transparent 0px, #eaeaea 2px, #ccc 2px, #ccc 16px, transparent 16px), linear-gradient(343deg, transparent 0px, transparent 1px, #ddd 1px, #ccc 14px, transparent 14px), linear-gradient(343deg, transparent 0px, transparent 1px, #ddd 1px, #ccc 14px, transparent 14px);
background-color: #f3f3f3;
background-size: 48px 30px;
background-position: 2px 1px, 23px 16px, 48px 15px, 21px 30px;
background-attachment: fixed;
}
</style>
body {
background: linear-gradient(163deg, transparent 0px, transparent 1px, #ccc 1px, #ccc 14px, transparent 14px), linear-gradient(161deg, transparent 0px, #eaeaea 2px, #ccc 2px, #ccc 16px, transparent 16px), linear-gradient(343deg, transparent 0px, transparent 1px, #ddd 1px, #ccc 14px, transparent 14px), linear-gradient(343deg, transparent 0px, transparent 1px, #ddd 1px, #ccc 14px, transparent 14px);
background-color: #f3f3f3;
background-size: 48px 30px;
background-position: 2px 1px, 23px 16px, 48px 15px, 21px 30px;
background-attachment: fixed;
}
</style>
Ulasan