웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] 다양한 디자인의 버튼을 CSS로 만드는 css3button 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] 다양한 디자인의 버튼을 CSS로 만드는 css3button

해피CGI윤실장 2018. 1. 30. 09:09

다양한 디자인의 버튼을 CSS로 만드는 css3button




HTML5,CSS3로 배경색상, 테두리, 그림자효과등을 손쉽게 선택하고 CSS 코드를 생성하는 사이트입니다.





위 그림과 같이 배경색상, 테두리, 바깥그림자, 안쪽 그림자, 폰트크기, 폰트그림자 효과등

다양한 설정을 클릭으로 가능합니다.




설정한 버튼 스타일시트는 위와 같이 출력되며,

해당 코드를 복사 , 붙여넣기만 하면 끝...


이미지편집을 하지 않아도 이쁜버튼을 손쉽게 만들수 있어요..

참고로 크롬브라우저에서 접속해야 사이트 이용이 원활합니다..

 

홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > HTML 자료' 카테고리의 다른 글

[해피CGI][cgimall] css3를 이용한 페이퍼 버튼 만들기  (0) 2018.02.01
[해피CGI][cgimall] 코딩시 IE 조건부 주석처리 방법  (0) 2018.01.30
[해피CGI][cgimall] 코딩시 IE 조건부 주석처리 방법  (0) 2018.01.26
[해피CGI][cgimall] CSS로 입체적인 텍스트 그림자 효과 넣기  (0) 2018.01.25
[해피CGI][cgimall] 하이라이트 되는 애니메이션 메뉴  (0) 2018.01.25
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments