분류 css

CSS3 Radial Gradients

컨텐츠 정보

  • 조회 1,576 (작성일 )

본문

CSS로 기존 포토샵으로 만들어야 했던 많은 것을 구현할 수 있습니다.

 

원형그라디언트 구현입니다.

 

CSS:

background: -webkit-radial-gradient(50% 50%, circle, #FF0000, #5c0909, #ff7b00) ; 
background: -o-radial-gradient(50% 50%, circle, #FF0000, #5c0909, #ff7b00) ; 
background: -moz-radial-gradient(50% 50%, circle, #FF0000, #5c0909, #ff7b00) ; 
background: radial-gradient(50% 50%, circle, #FF0000, #5c0909, #ff7b00) 

 

미리보기:

http://www.365ok.co.kr/dn/css/radial-gradient.html 

css