市松模様の背景
市松模様の背景です。
Source Code
右上の「コピー」からご利用ください。
コピー
<div class="my-parts"></div>コピー
.my-parts {
width: 100%;
height: 200px;
background: #E0E0E0;
background-image: linear-gradient(45deg, #9E9E9E 25%, transparent 0),
linear-gradient(45deg, transparent 75%, #9E9E9E 0),
linear-gradient(45deg, #9E9E9E 25%, transparent 0),
linear-gradient(45deg, transparent 75%, #9E9E9E 0);
background-size: 30px 30px;
background-position: 0 0, 15px 15px,
15px 15px, 30px 30px;
}
