css 버튼 디자인 모음

css 버튼 디자인 모음

요즘에는 html, css, js등의 코드를 공개하여 모두가 함께 쓸 수 있도록 공유하는 사이트가 무척 많아졌습니다.
그 중에도 제가 자주 체크하는 사이트가 코드펜(codepen)이라는 사이트인데
오늘은 css로 꾸민 버튼 디자인을 모아 보았습니다. 복사+붙여넣기로 활용하실 수 있겠습니다.

12가지 패턴의 버튼

Button Hover Effects

Button with simple effect on hover!

제 사이트에서 활용하고 있는 버튼 디자인입니다.

Animated CSS3 Buttons

Cool Buttons

사이즈별로 만들어져 있어 사용이 편리합니다.

Button Hover Effect

CSS Buttons hover effects

the fun button

Flat responsive buttons