티스토리 뷰

Web/CSS

Dot pattern background

뚜띠쁘루띠 2018. 7. 2. 20:03

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;
}


댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/07   »
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31
글 보관함