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

[해피CGI][cgimall] Responsive Full Width Tabs 본문

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

[해피CGI][cgimall] Responsive Full Width Tabs

해피CGI윤실장 2017. 1. 9. 09:23

스크립트와 css를 이용한 반응형 탭 소스입니다.

브라우저의 가로 크기에 따라 탭의 디자인이 변경됩니다.




가장 큰 사이즈는 아이콘과 텍스트 동시에 출력됩니다.



중간 사이즈는 아이콘만 출력됩니다.





가장 작은 사이즈는 아이콘만 출력되고 탭사이트 간격이 없어집니다.

탭의 가로사이즈는 자동으로 조절이 됩니다.

해당 웹사이트에서 소스를 다운로드 받으실 수 있습니다.

 

홈페이지바로가기 

Comments