학습내용
img 제목을 hover 상태에서 height가 100%가 되도록 하고 싶었다.
-> hover 상태에 height 100%을 주었지만 작용하지 않았다.
-> top을 조절하고, transition: .5s을 적용했다.
알게 된 것
- transition-property의 기본값은 all이다.
- transition-timing-function의 기본값은 ease이다.
- hover pseudo class에 transition을 적용하면 hover-in할 때만 transition이 적용된다.
학습후기
비슷한 layout이라서 익숙해졌다.