# 부드러운 애니메이션 시작/종료를 위한 4개의 신규 CSS 기능들

> Clean Markdown view of GeekNews topic #10413. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=10413](https://news.hada.io/topic?id=10413)
- GeekNews Markdown: [https://news.hada.io/topic/10413.md](https://news.hada.io/topic/10413.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2023-08-18T10:42:01+09:00
- Updated: 2023-08-18T10:42:01+09:00
- Original source: [developer.chrome.com](https://developer.chrome.com/blog/entry-exit-animations/)
- Points: 10
- Comments: 0

## Topic Body

- 크롬 116/117 부터 4개의 새로운 웹 플랫폼 기능을 지원   
- 키프레임 타임라인에서 `display`, `content-visiblity` 사용 가능   
- `transition-behavior` 속성에 `allow-discrete` 지원   
- `@starting-style` 로 시작 이펙트 지정가능   
- 애니메이션 중 탑레이어에 `overlay` 속성 지원

## Comments



_No public comments on this page._