inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Lần đầu học lập trình với Web Publishing - CSS

chuyển đổi - dịch, chia tỷ lệ

hover했을 때 margin top 설정 시에 왜 hover 전에도 margin top을 써야하죠?

Đã giải quyết

406

seung lee

15 câu hỏi đã được viết

0

transform강의 4분 13초쯤 보면 hover했을 때 margin top을 50px로 주고 img{} 에도 margin top을 0으로 써주라고 하셨는데 왜 그래야하는거죠? hover 전에 0인거 안 써줘도 잘 작동하던데 이유가 있나요?

HTML/CSS

Câu trả lời 1

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

해당 강의를 확인해보니, hover 효과를 줄 때 이미지가 이동하는 것을 구현하는 부분에서 먼저 img{}에 margin top을 0으로 설정하라고 말씀하신 것 같습니다.

만약, hover 전에 이미지에 margin top 값을 주지 않고, hover 시에만 margin top 값을 주는 경우, hover 효과가 적용되기 전에 이미지가 올라가는 현상이 발생할 수 있습니다. 따라서 hover 효과를 구현하려면 hover 이전에 이미지에 margin top 값 0을 설정해주어야 hover 효과가 원활하게 작동합니다.

답변이 도움이 되었길 바라며, 추가적으로 궁금한 사항이 있으시면 언제든지 문의주세요. 감사합니다.

bitnami 설치

0

14

0

강의 소스 코드는 어디서 볼수 있나여?

1

26

1

자료집 관련

0

21

2

13. (App 2) 기본기 훈련 에서

0

30

1

17강 강의에 목데이터 첨부파일이 없습니다.

2

38

2

2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중

0

27

1

11차시 Antigravity IDE 설치 후

0

30

1

처음 에이전트 설정을 잘못 했을 경우 수정 하는 방법

0

34

1

5,6,7,8 내용이 없어요

0

32

1

푸터에 있는 카테고리 폰트 컬러 어떻게 바꾸나요?

0

32

1

장치 의존성과 CSR

0

36

1

순수 함수 / 순수 컴포넌트

0

26

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