inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기

hover

324

dduckmane

작성한 질문수 65

0

#intro .intro-first-card .overlay a { transition: color 0.4s ease; }

#intro .intro-first-card .overlay a:hover { color: #fafa6f; }

이부분에서

 

transition: color 0.4s ease; 나

transition: hover 0.4s ease;랑 왜 다른거죠??

제가 배운거로는

transition: all | none | property 이렇게 3가지를 작성하고 시간 효과 이런식으로만 배웠는데

transition: hover 0.4s ease이런식으로 쓰면 어떻게 작동하는 지 궁금합니다.

javascript bootstrap HTML/CSS 웹 디자인

답변 1

0

Self-coding

transition은 action에 대한 property의 전환방법을 지정해주는 것이라

action 즉, hover할 때 property 즉 color를 원하는 전환방법, 즉 전환시간이나 전환시의 가속도, 딜레이 등을 정해 주어야 하는 것 같습니다.

services-col mx-2 my-3

0

63

2

단축키 질문

0

58

1

부트스트랩 + *.css 함께 사용하는 이유와 분리 기준이 궁금합니다.

0

285

2

프로젝트3의 툴팁에서

1

335

2

프로젝트1 번의 Navigation 강의부에서 질문입니다.

0

364

1

게시판을 추가할 수 있는 방법이 있을까요?

0

725

1

프로젝트 2 이미지 깨짐 현상

0

1179

1

프로젝트 1- Service Section 에서 app.js에서 syntaxError가 납니다.

0

293

1

자식에 position:absolute;를 쓰지 않고, 바로 top 설정이 가능한가요?

0

353

2

cdn.js를 실제 프로젝트에 써도 문제가되지 않나요!?

0

530

1

carousel 구현에서 사용된 아이디가 중복 사용 가능한가요?

0

364

1

kakao map이 mobile에서도 가능하게 하려면 어떻게 할까요?

0

308

1

-webkit- 접두어가 안붙습니다.

0

400

1

브레이크 포인트 관련 문의

0

261

1

a:hover {color }

2

460

4

Post Content -2 질문

0

205

1

아니 선생님 이게 뭡니까 프로젝트3 Blog CTA Modal 파트

0

327

2

box 공부중 질문있습니다

0

334

3

뭐가 잘못 된지 모르겠습니다.

0

296

2

강의보고 따라하는데 안됩니다.

0

303

3

3:10 -> 3:16 코드 질문 있습니다^^

0

283

2

card와 card-body 의 차이점

0

682

2

px-md-3

0

379

2

a:hover

0

289

2