我在 React 工作，我需要知道元素何時在屏幕上播放淡入淡出動畫，并使其出現在屏幕上。因為動畫總是在頁面加載時播放，但如果你必須滾動才能看到元素，那么你將永遠看不到動畫:(<Grid container className="AnimationContainer">  <img src="/images/animation1/circle.svg" className="Animation1-1" />  <img src="/images/animation1/calculator.svg" className="Animation1-2" /></Grid>在我的 CSS 文件中，我有：.AnimationContainer {  place-content: center;  height: 200px;  width: 100%;}.Animation1-1 {  animation: fading 2s;}.Animation1-2 {  animation: fading 1.2s;}@keyframes fading{  0%{opacity:0}  100%{opacity:1}}當網格“AnimationContainer”或img “Animation1-1”/“Animation1-2”可見時，我可以在這里做什么才能播放它？