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

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

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

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

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

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




체크박스 스타일









라디오박스 스타일





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

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

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

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

 

홈페이지바로가기 

Comments