티스토리 뷰

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


'Web > CSS' 카테고리의 다른 글

Dot pattern background  (0) 2018.07.02
댓글
댓글쓰기 폼
공지사항
최근에 달린 댓글
Total
975
Today
1
Yesterday
1
링크
«   2020/09   »
    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      
글 보관함