エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
スムーズな開始と終了のアニメーションを実現する 4 つの新しい CSS 機能 | Blog | Chrome for Developers
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
スムーズな開始と終了のアニメーションを実現する 4 つの新しい CSS 機能 | Blog | Chrome for Developers
モーションはデジタル エクスペリエンスの中核となる要素であり、ユーザーをあるインタラクションから次... モーションはデジタル エクスペリエンスの中核となる要素であり、ユーザーをあるインタラクションから次のインタラクションへと導くことができます。ただし、ウェブ プラットフォームでのスムーズなアニメーションにはギャップがいくつかあります。たとえば、開始アニメーションと終了アニメーションを簡単にアニメーション化したり、ダイアログやポップオーバーなどの閉じることができない要素を最上位レイヤとの間でスムーズにアニメーション化したりできます。 こうしたギャップを埋めるため、Chrome 116 と 117 では、4 つの新しいウェブ プラットフォーム機能を追加し、個別のプロパティに対するスムーズなアニメーションと遷移を可能にします。 新機能には次の 4 つが含まれます。 キーフレーム タイムラインで display と content-visibility をアニメーション化できるようになりました(Ch