손쉽게 버튼을 만들어주는 버튼 생성기

블로그를 하다가도 이쁜 버튼하나 만들려면 html, css 코드 넣어야하고, 경우에 따라서는 이미지도 만들어야 합니다.

하지만 간단하게 원하는 디자인을 만들거나 선택한 다음 생성버튼만 클릭하면 코드가 나오는 사이트가 있습니다.

퀄리티 또한 괜찮습니다.

버튼 생성기 -> http://livetools.uiparade.com/button-builder.html

보시면 아시겠지만 우측에 셋팅을 이것 저것 만져보세요. 왼쪽에 미리보기를 통해서 쉽게 조작이 가능합니다.

아래는 노멀상태와 마우스가 올라갔을때의 호버상태, 그리고 클릭했을때의 상태등을 쉽게 보고 판단할 수 있습니다.

설정이 모두 완료되면 아래의 Generate HTML,CSS 등을 클릭해서 코드를 복사할 수 있습니다.

보시면 아시겠지만 각 브라우져의 벤터 프리픽스까지 모두 포함되어 있으니 활용하시기 좋을겁니다.

또한 우측상단의 Change Tool 에 마우스를 올리면 다른 툴도 있습니다.

사용법은 직관적이여서 누구나 쉽게 만들수 있습니다.