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

[해피CGI][cgimall] 카드를 선택하는 Checkbox card 본문

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

[해피CGI][cgimall] 카드를 선택하는 Checkbox card

해피CGI윤실장 2021. 9. 6. 09:17

체크박스 버튼을 없이 카드를 선택할 수 있는 Checkbox card를 소개합니다.

 

 

선택되지 않은 상태에서 위 이미지처럼 이미지 색상이 흑백으로 출력됩니다.

 

 

카드를 선택하면 check 아이콘 및 라인이 나타나 선택된 것을 보여주며, 원래 이미지 색상이 출력됩니다.

체크박스, 라디오 버튼의 폼을 사용할때 참고하기 좋은 디자인 인거 같습니다. ^^

 

 

 

Comments