LitElementのDOM変化でView Transitions APIを使って簡単かつ綺麗な凡庸アニメーションを実装する方法 - Qiita

LitElementのDOM変化でView Transitions APIを使って簡単かつ綺麗な凡庸アニメーションを実装する方法JavaScriptアニメーションTypeScriptLitViewTransitionsAPI ハイサイ！オースティンやいびーん！ 概要 ChromeとEdgeがサポートしているView Transitions APIをLitと一緒に使うと、とても簡単に再レンダー時のスムーズなアニメーションができます。 アニメーションを付ける部品 ChromiumベースのブラウザでLitの砂場を開きましょう。 この単純なデフォルトの部品にステート変更を加えて、再レンダーを起こすようにします。 import {html, css, LitElement} from 'lit'; import {customElement, property} from 'lit/decorato