질문있습니다 !
190
작성한 질문수 24
1.선생님의 예시에서는 class를 직접 삭제해주거나 제거해주는 방식으로 풀어나가셨는데 저는 직접 style코드를 주거나 뺏거나 하는 방식으로 풀어나갔거든요 혹시 이둘의 성능차이가 많이 클까요 ?
2.선생님의 해주신 방식으로하면 각 문을 광클할시 CSS가 삐죽거리면서 튀어나오는데 style을 직접 줬다 빼는 방식으로 할경우는 CSS가 삐죽 나오지않는데 혹시 어떤 차이점이 있는건지 알 수 있을까요 ?
답변 1
1
CSS 클래스를 정의해두는 이유는 성능 차이때문이라기 보다는, 개발 편의상의 이유가 더 큽니다.
우리 예제는 간단히 문만 열지만, 활성화할 경우 문도 열고 문 안의 색도 바뀌고, 캐릭터 크기도 바뀌고.. 이런 식으로 디자인상 처리할게 많다보면 일일이 style 객체를 이용해 다 컨트롤 하는게 아주 번거로운데, CSS 클래스로 미리 정의해두고 클래스만 바꿔주면 적용되도록 하면 상대적으로 간편하니까요~^^
광클할 경우 perspective의 효과가 중첩되는건 저도 처음 보았네요 ㅎㅎㅎ;; 저도 덕분에 알게되어 감사합니다.
transition을 제거하면 그렇지 않은 것으로 보아, 원래 적용되어있던 perspective가 채 초기화 되기 전에 중첩이 되는게 아닌가 싶습니다. 모든 속성이 그런 것은 아니고, perepective에 한정된 것으로 보이네요~~
관련해서 혹시 다른 정보를 알게되면 다시 또 추가 작성해보도록 하겠습니다!
왼쪽/오른쪽 동작시 딜레이 문제
0
93
1
변수 범위 관련 질문
0
106
1
perspective 문의
0
101
1
생성자 함수를 클래스 함수로 변경 하고 this 오류 관련
0
150
1
스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제
0
127
1
animation이벤트 질문이요!
0
71
1
resize handler에서 질문이 있습니다.
0
111
1
카드 뒤집힐 때 F가 보인 이유
0
149
1
3d 뒤집기 추가효과
0
218
1
전진! 3D 스크롤 21 강의 질문
1
171
1
eventlistener 질문
0
149
1
zMove 를 1000으로 설정하는 이유에 대하여.
0
168
1
[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!
1
191
1
동적으로 html 생성 후 이벤트 위임 질문 있습니다.
0
266
1
rotateY()에서 deg에 따른 차이
0
197
1
코드 작성 순서
0
276
1
이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??
1
394
1
'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다
0
265
2
섹션5 자바스크립트 이벤트 다루기 질문
1
243
1
[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!
0
423
2
css 는 직접 작성을 해야하는걸까용?
0
326
1
translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?
0
361
2
house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.
0
305
2
left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.
0
306
2