View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 - ICS MEDIA

今年3月に公開されたChrome 111とEdge 111にView Transitions APIが搭載されました。View Transitions APIを使うと、シンプルでスムーズな連続性のあるアニメーションを実装できます。 ウェブ技術でのアニメーションはさまざまな手段が存在します。CSSのtransitionやanimation、JavaScriptでのWeb Animations APIなど利用されている方も多いでしょう。View Transitions APIは、これらのアニメーション手段だけでは実現が困難だった新しい遷移アニメーションを実現できます。 本記事では「どのようなことができるか」「使い方」「使用上の注意点」を紹介します。 本記事で紹介すること View Transitions APIで実現できるのは新しい遷移アニメーション JavaScriptとCSSの指定で容易に

[ics-media]

View Transitions APIの使い方と、実際に導入したうえでの注意点をまとめました。

[sippo_des]

これいいねーかわいい

[helldeath]

よさげな機能。でも複雑なんやな。そして別ファイルのhtmlへの遷移ではなくて、SPA用の機能なんやな。

[Falky]

あー、これGWのお勉強ネタにするべきだったな…。しくじった…