반응형 헤더 네비게이션 강의 질문있습니다.
203
36 asked
<div class="trigger">
<span></span>
<span></span>
<span></span>
</div>
----------------------------------------------------------
.trigger.active span:nth-child(1) {
top: 50%;
transform: rotate(45deg);
}
.trigger.active span:nth-child(2) {
opacity: 0;
}
.trigger.active span:nth-child(3) {
top: 50%;
transform: rotate(-45deg);
}
}
안녕하세요~ 반응형 헤더 네비게이션 강의 궁금한게 있는데요
위에 코드가 트리거 모바일 네비게이션 모양 만드는 코드인데
html에 trigger라는 div태그에 .active 라는 클래스명을 안주었는데
저렇게 css에 .trigger.active를 주셨던데
html에 .active 클래스명을 안주었는데도 트리거를 눌렀을때
메뉴가 왜 작동되는지 궁금합니다.
Answer 1
0
제이쿼리 코드와 화면 캡쳐가 없어서 확실하지는 않지만 현재 코드에서는 .trigger에 .active 클래스가 추가되어야 X로 변합니다. 정상적으로 된 코드입니다.
혹시 안되시면 전체 코드를 올려주세요~
가로스크롤
1
459
1
상위 태그 영역 무시 하는 방법
1
843
2
반응형 적응형 구분
2
804
2
flex가 적용되면 하위에 있는 인라인의 속성은?
1
360
1
슬릭 슬라이더 버튼
1
370
1
slick 모바일로 변환했을때..
1
607
1
x scroll 이 왜 생기는 걸까요?
1
870
1
영상 16분 field margin-left 문제 (다운로드 교재도 동일한 문제)
1
249
1
모바일에서 이미지 짤림 현상
1
2743
2
질문 있습니다
1
242
1
안녕하세요
1
259
1
모바일버전에서 스크롤이 생겨서요 ㅜㅜ
1
289
1
반응형 헤더 네비게이션 공부중인데요. 궁금한것이 있어서요.
1
387
2
슬라이딩 스크롤이 이상하게 먹혀요!
1
408
2
slick slider 하는데 패딩이 안먹혀요
1
764
2
제이쿼리 부드럽게 스크롤할때 제이쿼리에 밑줄오류가 있습니다.
1
317
1
혹시 이 강의 싸이트를 혼자의 힘으로 만들수 있으면 어느정도 실력정도 되나요?
1
250
1
소스랑 자료 다운로는 어디서 받을 수 있나요?
1
300
1
그 반응형 질문 있습니다
1
225
1
질문드립니다 강사님
1
290
2
flex 레이아웃 배치 질문있습니다.
1
221
1
미디어쿼리 반응형 만들때 사이즈 질문있습니다.
1
202
1
인라인요소인 label 에 margin-bottom 이 되다니... 어렵습니다.
1
973
1
태블릿부분에서 사진이 삐져나오는 부분 질문
2
238
1