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

Motion is a core part of any digital experience, guiding your user from one interaction to the next. But there are a few gaps in smooth animations on the web platform. These include the ability to easily animate entry and exit animations, and smoothly animate to and from the top layer for dismissible elements such as dialogs and popovers. To fill these gaps, Chrome 116 and 117 includes four new we

[mizdra]

良さそうだけど、現実には fade-out が完了した時に DOM Tree から要素を削除したいことがあるので、JavaScript と組み合わせないといけないケースが発生しそう。fade-out の完了を JS から簡単に検知できると嬉しいのだけど。

[piayo]

await ele.animate(...).finished; から卒業できるのかな。

[diveintounlimit]

やっとスムーズなトランジションが可能になってきたんだなぁ