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 효과가 원활하게 작동합니다.
답변이 도움이 되었길 바라며, 추가적으로 궁금한 사항이 있으시면 언제든지 문의주세요. 감사합니다.
counter01.html은 어디있을까요?
0
2
1
수업자료 문의
0
8
1
part3. spy 쪽 / part3,part4 강의자료
0
33
2
최종 코드
0
40
2
Open AI 결제
0
40
2
figma 파일을 받을 수가 없어요
0
48
1
다운로드 연결이 되지 않을 때는 어떻게 해야할까요?
0
37
1
Visual Studio Code 대신 Pycharm 써도 되나요?
0
42
2
커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?
0
57
1
구글 서치콘솔 도메인 소유권 확인 실패
0
40
2
antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?
0
59
1
다음 강의 얼른 올려주세요
0
44
2
일반 강의와 차이점?
1
53
1
중요하진 않지만 설명하신부분에서 안된부분..
1
37
1
안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?
0
66
2
stopPropagation()에 대해서 질문 있습니다.
0
50
2
뉴스페이퍼 싱글템플릿 모바일 화면 디자인 질문
0
41
2
노션에 20.Contact가 없어요
0
47
2
검색엔진 차단 noindex
0
51
2
파트9 강의는 언제 오픈하시나요
0
51
2
ZIP 파일
0
55
2
26강 13F 강의 불일치 및 질문 요청
0
69
3
state 객체로 묶기
0
47
1
XAMPP에서 Apache, DB 재기동 시 접속안되는 문제
0
42
2