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 효과가 원활하게 작동합니다.
답변이 도움이 되었길 바라며, 추가적으로 궁금한 사항이 있으시면 언제든지 문의주세요. 감사합니다.
6-6
0
4
0
Json 플러그인 사용시 variable collection 없음
0
12
1
배리어블 목록 없음
0
22
3
Token 등록 방법 문의
0
19
1
6-6 실습 문의
0
23
2
섹션5 노션링크 는 따로 없나요?
0
30
2
Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.
0
33
2
첨부자료 Part 4 코드 확인 부탁드리겠습니다.
0
29
2
선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서
0
24
1
퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.
0
54
2
claude plugin 방법 자세히 부탁드려요
0
40
2
강의에 적용한 스크립트를 받아 볼수 있을까요?
0
40
2
최근 코테, 과제 테스트 트렌드
0
67
2
노션 25 인터렉션 구현 파트 안 보입니다!
0
39
2
파트3 13F부분도 짤린거같은데 확인해주세요
0
39
2
Gemini로 진행가능 여부 궁금합니다.
0
59
2
뉴스페이퍼 싱글템플릿 디자인 관련 상담 요청
0
26
2
프롬프트 11 진행 완료
0
45
2
파트3 수급 부분
0
43
2
claude cowork에서 작업하는거와 차이는?
0
40
2
background vs background-color
0
27
1
figma variable 반응형 디자인 결과물 공란
0
63
2
렌더링 차단 리소스 javascript 실행에 관련해서 질문 있습니다.
0
47
2
렌더링 차단 리소스 관련해서 CSS 질문이 있습니다.
0
35
2