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

[해피CGI][cgimall] SVG와 애니메이션 체크 박스 및 라디오 버튼 본문

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

[해피CGI][cgimall] SVG와 애니메이션 체크 박스 및 라디오 버튼

해피CGI윤실장 2017. 3. 13. 09:32

자바 스크립트와 함께 SVG 이미지를 이용한 애니메이션 효과가 있는 체크박스 및 라디오박스 스타일 입니다.




체크박스 스타일









라디오박스 스타일





SVG 이미지를 이용하여 체크 박스 또는 라디오 입력을 선택시 시각 효과를 만들 수 있습니다.

십자가, 체크 표시, 원과 같은 애니메이션 그래픽이 예제로 있습니다.

해당 사이트에서 html, css, JavaScript  파일을 다운로드 받으실수 있습니다.

css 수정으로 디자인 속도, 크기, 색상, 투명도 등 다양한 디자인이 가능합니다.

 

홈페이지바로가기 

저작자표시

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

[해피CGI][cgimall] Edit Tag  (0) 2017.03.15
[해피CGI][cgimall] 스크롤메뉴에 따른 상단 진행상태 막대표시 소스 scrollgress  (0) 2017.03.14
[해피CGI][cgimall] 입력 크기에 제한이 있는 textarea jMaxInput  (0) 2017.03.10
[해피CGI][cgimall] Background Slideshow  (0) 2017.03.09
[해피CGI][cgimall] fullpage Ver2.8.6  (0) 2017.03.09
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments