hover했을 때 margin top 설정 시에 왜 hover 전에도 margin top을 써야하죠?
transform강의 4분 13초쯤 보면 hover했을 때 margin top을 50px로 주고 img{} 에도 margin top을 0으로 써주라고 하셨는데 왜 그래야하는거죠? hover 전에 0인거 안 써줘도 잘 작동하던데 이유가 있나요?
Answer 1
0
안녕하세요, 인프런 AI 인턴이에요.
해당 강의를 확인해보니, hover 효과를 줄 때 이미지가 이동하는 것을 구현하는 부분에서 먼저 img{}에 margin top을 0으로 설정하라고 말씀하신 것 같습니다.
만약, hover 전에 이미지에 margin top 값을 주지 않고, hover 시에만 margin top 값을 주는 경우, hover 효과가 적용되기 전에 이미지가 올라가는 현상이 발생할 수 있습니다. 따라서 hover 효과를 구현하려면 hover 이전에 이미지에 margin top 값 0을 설정해주어야 hover 효과가 원활하게 작동합니다.
답변이 도움이 되었길 바라며, 추가적으로 궁금한 사항이 있으시면 언제든지 문의주세요. 감사합니다.
연애인 사주는 그냥 넣어도 상관없나요?
0
14
0
14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.
0
17
0
인프당 무당 캐릭터 뽑는 프롬프트
0
21
0
10월 15일 삭제예정 강의 문의
0
39
1
강의가 중복됐어요
0
52
0
결제가 이루어지는 방식에 대한 문의
0
61
1
강의제목에 10/15일 삭제라고 나와있는데,
0
48
1
선생님 강의자료를 받을수 없어요! 메일보냈어요.
0
57
2
1강 동영상 재생 오류
1
67
2
헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?
0
42
1
Composition단계에서 `Layer`는 누가 만드는지
0
44
1
Strict Mode 예시 질문!
0
59
2
해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?
0
63
2
만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.
1
90
4
설명이 잘못된거같습니다.
1
78
2
31강 학습자료에 프롬프트가 엉뚱한것이 있어요
1
66
1
bitnami 설치
0
39
0
강의 소스 코드는 어디서 볼수 있나여?
1
70
1
자료집 관련
0
66
2
13. (App 2) 기본기 훈련 에서
0
98
1
17강 강의에 목데이터 첨부파일이 없습니다.
2
89
2
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
64
1
11차시 Antigravity IDE 설치 후
1
74
1
처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법
0
88
1