- CSS calc() 함수를 사용하면 height: auto를 애니메이션에 활용할 수 있다. 🪄
calc(size(auto))
는 Auto를 픽셀 값으로 변환하여 CSS 애니메이션 적용이 가능하다. 🧮- 예를 들어,
calc(size(auto) + 50px)
를 사용하면 Auto 값보다 50픽셀 더 큰 크기로 애니메이션이 동작한다. ➕ - 현재는 Chrome Canary에서만 실험실 특수 옵션을 활성화할 경우 사용 가능하다. 🧪
- CSS 애니메이션에 관한 더 자세한 내용은 영상을 참조하자. 🎬