댓글 검색 목록

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

페이지 정보

작성자 운영자 작성일 15-04-28 09:41 조회 2,316 댓글 0

기존에 포토샵작업으로 홈페이지 배경 패턴 작업하던 것을 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 

댓글목록 0

등록된 댓글이 없습니다.

웹학교 로고

온라인 코딩학교

코리아뉴스 2001 - , All right reserved.