inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

실전! 웹사이트제작! Step By Step! _Basic (한화캐미컬_반응형웹)

section.main 영역_ CSS Layout Design.1

5강에서 view:after 와 view:hover

229

카도아보

작성한 질문수 22

0

안녕하세요

인강들으면서 공부하고 있습니다!

궁금한 점이 있는데요,

view more부분에 hover했을때 색깔 덮는 부분에서 

section.main .mainTitle .view:after{content:''width0height100%backgroundredpositionabsoluteleft0top0;}
section.main .mainTitle .view:hover:after{width100%transitionall 0.3s;}
이렇게하신 이유가 있나요?
section.main .mainTitle .view:hover {~} 이렇게만 해도 될것같은데요..

HTML/CSS 웹 디자인 반응형-웹

답변 1

0

J.영

카도아보님 안녕하세요? 답변이 늦어 죄송합니다.
제가 강의하는 부분은 가상선택자를 이용해서 호버효과를 만들려고 한 부분입니다.

클론코딩이라...한화사이트를 그대로 제작하다보니 가상선택자를 사용해야 제대로 효과가 나올 수 있어

 적용하였습니다.

감사합니다.

태그 사용 관련 질문 있습니다.

0

278

2

궁금합니다

0

321

1

영상에서 계속 딱닥 거리는소리

0

314

1

중앙정렬

0

334

3

vscode로 작성 중 css 안먹어요

0

264

1

안녕하세요! 웹페이지 내 요소들의 위치를 조정하는 방법에 대해서 질문있습니다.

0

226

2

안녕하세요 강사님. 반응형 설정에 대해서 질문이 있습니다.

0

358

4

header 부분 관련 문의 드립니다.

0

299

3

안녕하세요 강사님. 웹 페이지 픽셀 크기에 관한 질문을 남겨봅니다

0

322

3

이미지를 img 태그로 주지 않고 background url로 주는 이유가 궁금합니다!

0

243

2

more 가상 요소? 화살표 가로 정렬은 어떻게 하나욥??

0

500

2

p.img img{ transition : all 0.8s} 에서 다시 원래대로 돌아오는 원리가 궁금합니다!

0

277

4

view more를 처음부터 대문자로 쓰지 않고 uppercase로 따로 적용하는 이유는 뭔가요??

0

205

2

리셋 css 적용 시 사소한 문제가 있습니다.

0

291

1

완성 파일 main.css에 오타가 있습니다.

0

245

1

안녕하세요. 강의 보면서 공부하고 있습니다.

0

280

2

강사님~

1

268

1

아이콘 안보임

0

555

3

선생님 혹시 노트북으로는 반응형하기 좀 어려운가요?

0

472

3

0

171

1

2강 innerhead

0

364

9

참고파일.txt 는 어디서 받을 수 있는 건지요? ^^

0

252

2

실제 웹사이트 운영방법

1

754

9

포트폴리오 보충을 위해 강의와 함께 병행하고 있는 학생이에요!

0

136

1