View TransitionsAPIを使うと、シンプルでスムーズな連続性のあるアニメーションを実装できます。 ウェブ技術でのアニメーションはさまざまな手段が存在します。CSSのtransitionやanimation、JavaScriptでのWeb AnimationsAPIなど利用されている方も多いでしょう。View TransitionsAPIは、これらのアニメーション手段だけでは実現が困難だった新しい遷移アニメーションを実現できます。 本記事では﹁どのようなことができるか﹂﹁使い方﹂﹁使用上の注意点﹂を紹介します。 本記事で紹介すること View TransitionsAPIで実現できるのは新しい遷移アニメーション JavaScriptとCSSの指定で容易に利用できるJSフレームワークでの対応も進んでいる 2024年6月リリースのChrome 126とEdge 126でJ
![View Transitions API入門 - 連続性のある画面遷移アニメーションを実現するウェブの新技術 - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/20621b83283a0036c5b52e5c2da73f7e33e87890/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F230510%2Fimages%2Feyecatch.png)