개발 및 사진 블로그

element의 background에 dot pattern을 적용

CSS

#element {
	background: linear-gradient(90deg, bg-color (dot-space - dot-size), transparent 1%) center, linear-dradient(bg-color (dot-space - dot-size), transparent 1%) center, dot-color;
	background-size: dot-space dot-space;
}

ex)

#element {
	background: linear-gradient(90deg, #0d334b 19px, transparent 1%) center, linear-gradient(#0d334b 19px, transparent 1%) center, #113f5d;
	background-size: 22px 22px;
}