강의

멘토링

커뮤니티

Inflearn Community Q&A

kms1997199377's profile image
kms1997199377

asked

Bootstrap 5 - Creating a Web Project from Scratch

hover

Written on

·

316

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이런식으로 쓰면 어떻게 작동하는 지 궁금합니다.

javascriptbootstrapHTML/CSS웹 디자인

Answer 1

0

Self-coding님의 프로필 이미지
Self-coding
Instructor

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

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

kms1997199377's profile image
kms1997199377

asked

Ask a question