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

[해피CGI][cgimall] CSS Transforms 과 자바스크립트를 이용한 원 형태의 네비게이션 본문

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

[해피CGI][cgimall] CSS Transforms 과 자바스크립트를 이용한 원 형태의 네비게이션

해피CGI윤실장 2017. 7. 4. 09:44

원 형태의 네이게이션으로 독특한 구조의 네이게이션입니다.
CSS Transforms 을 사용하므로  익스10이상 크롬에서 구현됩니다.

사이트 하단에 위치한 것과 사이트 중앙에 위치한것 두가지 타입이 있습니다.










해당 사이트에서 소스다운로드와 데모체험이 가능하고
그림으로 구현되는 원리가 잘 설명되어 있습니다.








익스10버전, 크롬에서는 정상작동하고 사파리에서는 구현은 되나 네비게이션 메뉴 크기가 제대로 구현되지 않습니다.

 

 

홈페이지바로가기  

저작자표시

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

[해피CGI][cgimall] 여러가지 종류의 기호 또는 부호를 html코드로 확인할 수 있는 웹사이트 입니다^^  (0) 2017.07.06
[해피CGI][cgimall] jQuery parallax scrolling  (0) 2017.07.04
[해피CGI][cgimall] 하나의 배경이미지를 전체화면에 맞게 출력하기  (0) 2017.06.28
[해피CGI][cgimall] CSS3 를 이용한 다양한 아이콘효과를 확인해보세요  (0) 2017.06.28
[해피CGI][cgimall] html5 기초부터 배울수 있는 html5-tutorials  (0) 2017.06.28
공유하기 링크
'웹프로그램밍 자료실/HTML 자료' Related Articles more
Comments