やったこと ポケモンの能力アップしたときのようなエフェクトを CSS で作りました。 DS 作品(ダイヤモンド・パールとか)までのアニメーションを意識しています。 注意 以下のブラウザで動作することを確認しています。いずれも 2022/9/26 時点での最新版です。 その他のブラウザでは動かない可能性があります。 Google Chrome Version 105.0.5195.127 Mozilla Firefox Version 105.0.1 作り方 素材を入手する PokeAPI を使って素材を入手しました。 画像を手に入れたい欲しいポケモンの図鑑番号(今回はリザードンの6)を使って検索すると、特性や種族値などの情報を取得できます。 今回は、 sprites.front_default の画像データを使います。 次のように div 要素に background プロパティを使って画