유튜브블로그Top 10
내 프로필

데브허브 안내
소개업데이트 소식

데브허브 커뮤니티

We Can Finally Animate height: auto; In CSS

Web Dev Simplified

2024. 8. 1.

0

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

Recommanded Videos