# pattern.css - CSS만으로 배경 패턴 채우기

> Clean Markdown view of GeekNews topic #1943. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=1943](https://news.hada.io/topic?id=1943)
- GeekNews Markdown: [https://news.hada.io/topic/1943.md](https://news.hada.io/topic/1943.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2020-04-22T10:25:42+09:00
- Updated: 2020-04-22T10:25:42+09:00
- Original source: [bansal.io](https://bansal.io/pattern-css)
- Points: 9
- Comments: 1

## Topic Body

- JS 없이 CSS만으로 구현

- S,M,L,XL 사이즈

- 체크,Grid,Dot,Cross-Dot,직선,사선,Stripe,삼각형,Zigzag 패턴

- 색상 마음대로 변경 가능

- < 1KB minified & gzipped

## Comments



### Comment 1634

- Author: xguru
- Created: 2020-04-22T10:25:45+09:00
- Points: 1

비슷한 배경 패턴 사이트들

Hero Patterns (SVG) http://www.heropatterns.com/

Subtle Patterns https://www.toptal.com/designers/subtlepatterns/

Transparent Textures https://www.transparenttextures.com/

CSS3 Patterns https://leaverou.github.io/css3patterns/