動かす円はこちら。
cssでborderの色を白の半透明にしてbox-shadowで水色のぼかしを表現しているのがポイント
css:transformでscaleを操作している。0→0.8→1.5。
途中で止まるような動きが気になったのでイージングは「linear」（一定速度）でやってみた。
2つverは0.3sおくらせて同じ要素をアニメさせる。
| - | Mac | Windows11 | SP | ||||||
|---|---|---|---|---|---|---|---|---|---|
| ブラウザ | Chrome | Firefox | Safari | Chrome | Firefox | Edge | IE | Safari on iOS | Chrome for Android |
| 対応 | ○ | ○ | ○ | ○ | ○ | ||||
メッセージ
トレセン学園