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

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

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

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

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

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

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




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



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





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

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

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

 

홈페이지바로가기 

저작자표시

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

[해피CGI][cgimall] 사이트 인상적인 인트로효과내기  (0) 2017.01.11
[해피CGI][cgimall] border-image 속성으로 간편하게 테두리 효과를 줄수 있는 CSS  (0) 2017.01.10
[해피CGI][cgimall] 100개 이상의 언어로 웹사이트를 바로 번역해주는 구글 번역기  (0) 2017.01.06
[해피CGI][cgimall][CSS] 말풍선 안내 툴팁 Hint.css v2.3.1  (0) 2017.01.05
[해피CGI][cgimall] 웹접근성 적용을 위한 네이버 웹 접근성 체험 사이트  (0) 2017.01.04
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments