그라데이션 배경 css로 만들어주는 사이트

요즘엔 css3의 기능이 다양해서

그라데이션 배경같은 것은 이미지가 아닌 css로 코딩하는 경우가 많다.

그럴 때 고민을 덜어주는 아주 유용한 사이트가 있다.

그라데이션 배경을 css 코드로 만들어 주는 사이트!

http://uigradients.com/

좌측 상단에 어떤 컬러를 섞었는지 code가 나온다. 슬라이드를 넘기면 다른 배경도 볼 수 있고

키보드 좌,우 키로 조작도 가능하다.

하단에 See All Gradients를 누르거나 shift키를 누르면 다양한 예시가 뜨는데 클릭으로 선택하면 배경이 변경된 것을 볼 수 있다.

엔터키를 누르거나 Get CSS Code버튼을 누르면 자세한 코드를 확인할 수 있고 클립보드에 저장할 수도 있다.

오픈소스파일

uiGradients-master.zip