hover했을 때 margin top 설정 시에 왜 hover 전에도 margin top을 써야하죠?
transform강의 4분 13초쯤 보면 hover했을 때 margin top을 50px로 주고 img{} 에도 margin top을 0으로 써주라고 하셨는데 왜 그래야하는거죠? hover 전에 0인거 안 써줘도 잘 작동하던데 이유가 있나요?
답변 1
0
안녕하세요, 인프런 AI 인턴이에요.
해당 강의를 확인해보니, hover 효과를 줄 때 이미지가 이동하는 것을 구현하는 부분에서 먼저 img{}에 margin top을 0으로 설정하라고 말씀하신 것 같습니다.
만약, hover 전에 이미지에 margin top 값을 주지 않고, hover 시에만 margin top 값을 주는 경우, hover 효과가 적용되기 전에 이미지가 올라가는 현상이 발생할 수 있습니다. 따라서 hover 효과를 구현하려면 hover 이전에 이미지에 margin top 값 0을 설정해주어야 hover 효과가 원활하게 작동합니다.
답변이 도움이 되었길 바라며, 추가적으로 궁금한 사항이 있으시면 언제든지 문의주세요. 감사합니다.
bitnami 설치
0
7
0
강의 소스 코드는 어디서 볼수 있나여?
1
21
1
자료집 관련
0
16
2
13. (App 2) 기본기 훈련 에서
0
26
1
17강 강의에 목데이터 첨부파일이 없습니다.
2
28
2
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
26
1
11차시 Antigravity IDE 설치 후
0
26
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
31
1
5,6,7,8 내용이 없어요
0
30
1
푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?
0
32
1
장치 의존성과 CSR
0
35
1
순수 함수 / 순수 컴포넌트
0
24
1
css box-sizing 관련 질문
0
35
2
여태 만들던걸 다른 도메인으로 옮길 수도 있을까요?
0
28
1
node.js 설치 (LTS버전)
0
30
1
Cursor & Antigravity 소개 및 설치
0
35
2
뉴스페이퍼 테마 관련
0
35
1
지우지 말아야할걸 지운상태로 저장해버렸어요....
0
35
1
24번 수업에 나온 창은 무슨 프로그램인가요
0
35
1
Desktop모드-header영역 제작에서 제공해드린 폰트와 이미지
0
37
1
span 태그에 여백이 들어간 것 같은데 왜 그런건가요?
1
60
5
1-2 주가 데이터 수집 (OHLCV) 강의 질문 드려요
0
43
2
뉴스페이퍼 스킨을 꼭 사야하나요? 링크주소도 못찾겠어요
0
46
2
자료실
1
42
2