css と javascript を使用して単純な回転惑星を作成しようとしていました。最初に画像を背景として配置しようとしましたが、これはすべてのブラウザーで正常に機能しましたが、IE では背景位置のアニメーションのパフォーマンスが非常に低く、ブラウザーがクラッシュするまで RAM 使用量が急速に増加しました (1 秒あたり 50 ～ 100 MB の増加)。次に、惑星の div で画像を使用してその位置をアニメーション化することにしました。その結果、メモリ消費量が少なくスムーズなアニメーションになりましたが、下の画像でわかるように、画像が境界を越えて漏れています。惑星の div にはborder-radius: 50%.
overflow: hidden惑星に追加しようとしましたが、うまくいきませんでした。何らかのマスクを使用する以外に漏れを防ぐ方法はありますか?
