我在 React 工作，我需要知道元素何時(shí)在屏幕上播放淡入淡出動畫，并使其出現(xiàn)在屏幕上。因?yàn)閯赢嬁偸窃陧撁婕虞d時(shí)播放，但如果你必須滾動才能看到元素，那么你將永遠(yuǎn)看不到動畫:(<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}}當(dāng)網(wǎng)格“AnimationContainer”或img “Animation1-1”/“Animation1-2”可見時(shí)，我可以在這里做什么才能播放它？