transition

Shin Woohyun·2021년 7월 27일
0
post-custom-banner

학습내용


img 제목을 hover 상태에서 height가 100%가 되도록 하고 싶었다.
-> hover 상태에 height 100%을 주었지만 작용하지 않았다.
-> top을 조절하고, transition: .5s을 적용했다.

알게 된 것

  1. transition-property의 기본값은 all이다.
  2. transition-timing-function의 기본값은 ease이다.
  3. hover pseudo class에 transition을 적용하면 hover-in할 때만 transition이 적용된다.

학습후기

비슷한 layout이라서 익숙해졌다.

0개의 댓글