정보실

웹학교

정보실

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

본문

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

  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

페이지 정보

조회 229회 ]  작성일15-04-28 09:41
css

웹학교