본문으로 바로가기

CSS3 아코디언 메뉴

category Code Lab 2015. 10. 16. 09:51

CSS3를 이용한 아코디언 메뉴


:target pseudo-class 를 이용.

애니메이션은 WebKit 기반

IE10 이상, FF, Opera, Chrome 지원




용법 

heading 과 content 를 ID 로 mapping



See the Pen CSS3 아코디언 메뉴 by jaeheekim (@jaehee) on CodePen.



Jaehee's e-room


'Code Lab' 카테고리의 다른 글

Spin box(스핀 박스)  (0) 2015.11.06
Tab menu (prototype 방식)  (0) 2015.10.26
toggle chatting slider( 간단한 토글 슬라이더 기능)  (0) 2015.10.02
전체 선택, 해제 (JavaScript)  (0) 2015.10.02
퀵 메뉴 & Go to button  (0) 2015.09.23