inflearn logo
강의

Course

Instructor

Real Practice! Website Creation! Step By Step! _Basic (Hanwha Chemical_Responsive Web)

section.main area_ CSS Layout Design.1

5강에서 view:after 와 view:hover

230

sallypark1850313

22 asked

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 웹 디자인 반응형-웹

Answer 1

0

jyoung

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

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

 적용하였습니다.

감사합니다.

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

0

278

2

궁금합니다

0

321

1

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

0

314

1

중앙정렬

0

334

3

vscode로 작성 중 css 안먹어요

0

265

1

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

0

227

2

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

0

360

4

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

0

300

3

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

0

322

3

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

0

244

2

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

0

501

2

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

0

278

4

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

0

205

2

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

0

292

1

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

0

246

1

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

0

280

2

강사님~

1

268

1

아이콘 안보임

0

556

3

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

0

474

3

0

173

1

2강 innerhead

0

373

9

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

0

256

2

실제 웹사이트 운영방법

1

767

9

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

0

138

1