새롭게 추가 되는 CSS 에니메이션 스펙

https://developer.chrome.com/blog/entry-exit-animations/ 1 CSS 에니메이션에 드디어 display:none을 할 수 있게 되네요. 이것 때문에 삭제 등의 에니메이션 처리는 항상 어색하고 부자연스러웠는데... 2 그리고 overlay 에니메이션도 더 자연스러운 방식이 될것 같아요 3 animation의 경우 하위 element에는 지정할수가 없어 트랜지션만으로 만들기에는 복잡한 키프레임 에니메이션을 못썼는데 이것도 개선이 되네요 조금 늦는 감이 있는 것 같지만 dialog를 시작으로 popover나 display:none 에니메이션등 웹 네이티브에서 보편적인 기능이 추가 되는 것이 좋네요 🙂 당연히 당장은 쓸 수 없겠지만 참고해두시면 좋을 것 같아요

Four new CSS features for smooth entry and exit animations - Chrome Developers

Chrome for Developers

Four new CSS features for smooth entry and exit animations - Chrome Developers

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2023년 8월 23일 오전 3:31

 • 

저장 43조회 3,015

댓글 4