분류 css

CSS 배경화면 패턴 만들기 #3

컨텐츠 정보

  • 조회 723 (작성일 )

본문

기존에 포토샵작업으로 홈페이지 배경 패턴 작업하던 것을 CSS로 구현할 수 있습니다.

 

CSS:

body {

background:radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;

 

미리보기:

http://365ok.co.kr/dn/css/pattern3.html 

css