[HTML/CSS] 클릭하면 원으로 나오는 모바일 메뉴
슬라이딩 메뉴 See the Pen YzWyoZw by junheeleeme (@junheeleeme) on CodePen. 햄버거 메뉴아이콘 -> X
2020.10.14
꾸생의 DevLog
꾸생의 DevLog
UI&UX (12)
[HTML/CSS] 슬라이딩 메뉴
[HTML/CSS] 슬라이딩 메뉴 See the Pen XWKmagK by junheeleeme (@junheeleeme) on CodePen. 1. [JQuery] addClass로 클릭된 요소에 'on' 클래스 속성 부여 2. [CSS] li:nth-child(n).on ~ span{ left: Xpx; } ul#slide_menu li:nth-child(1).on ~ span#highlight { left: 5px; } ul#slide_menu li:nth-child(2).on ~ span#highlight { left: 130px; } ul#slide_menu li:nth-child(3).on ~ span#highlight { left: 255px; } ul#slide_menu li:nth-chi..
2020.10.13
[HTML/CSS] 갤러리형 게시판 리스트
갤러리형 게시판 리스트 See the Pen GRqJaGo by junheeleeme (@junheeleeme) on CodePen. ul>(a>li>img)*4 태그 background-color: #fff; overflow: hidden; :hover transform: scale(1.18); opacity: 0.65;
2020.10.12
[HTML/CSS] 반응형 헤더, 네비게이션 메뉴
반응형 네비게이션 메뉴 See the Pen ExyaRrq by junheeleeme (@junheeleeme) on CodePen. 워드프레스나 블로그에서 많이 보이는 네이게이션 메뉴의 형태
2020.10.10