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 – từ cơ bản CSS đến web responsive

Di chuyển và phóng to các phần tử! translate và scale

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

Đã giải quyết

419

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 효과가 원활하게 작동합니다.

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

연애인 사주는 그냥 넣어도 상관없나요?

0

34

1

14강. 업체 연결이 필요하신 분은 개인톡으로 문의해주세요.

0

33

1

인프당 무당 캐릭터 뽑는 프롬프트

0

38

2

10월 15일 삭제예정 강의 문의

0

41

1

강의가 중복됐어요

0

55

1

결제가 이루어지는 방식에 대한 문의

0

63

1

강의제목에 10/15일 삭제라고 나와있는데,

0

48

1

선생님 강의자료를 받을수 없어요! 메일보냈어요.

0

57

2

1강 동영상 재생 오류

1

67

2

헤더에서 empty column이 삭제가 안되고, 헤더 레이아웃을 동영상처럼 선택하는 옵션이 안나오는데 어떻게 하나요?

0

43

1

Composition단계에서 `Layer`는 누가 만드는지

0

44

1

Strict Mode 예시 질문!

0

63

2

해당 플러그인을 설치했는데 추가 지원 안될 수 있다고 다른 플러그인을 깔아보라는데 어떻게 해야하나여?

0

64

2

만일 실물을 택배로 배송해야 할 경우 주소지 입력하는 방법이 궁금해서요.

1

92

4

설명이 잘못된거같습니다.

1

78

2

31강 학습자료에 프롬프트가 엉뚱한것이 있어요

1

66

1

bitnami 설치

0

40

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

75

1

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

0

89

1