본문 바로가기

CSS/일반

CSS3 Gradient Generator


http://www.westciv.com/tools/gradients/index-moz.html
http://gradients.glrzad.com/

정말 괜찮은 곳이다.
CSS Gradient 코드를 만들어준다!.


webkit 엔진과 FF 엔진 사용법입니다.
-webkit-gradient(<type>, <point> [, <radius>]?, <point> [, <radius>]? [, <stop>]*) 
-moz-linear-gradient( [<point> || <angle>,]? <stop>, <stop> [, <stop>]* )

적용하는 방식입니다.
background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#FFFFFF), to(rgba(120, 120, 180, 0.6)));
background:-moz-linear-gradient(0% 100% 90deg, rgba(120, 120, 180, 0.6), #FFFFFF);

background-image: 속성과 중복사용이 불가능합니다.

이 글은 쿠나님의 블로그 http://kuna.wo.tc/1148 에서 참조하였습니다.
참조2 : 
http://designsoul.tistory.com/30