我正在做項目，并使用CSS動畫關鍵幀。我在組件中導入動畫類，比如

import styles from 'Component.module.css'

而不是在我的jsx組件中使用的代碼

function MyComponent(){
return<div className={style.myanimation}> ABC </div>
}

但是動畫沒有工作，而聲明我的動畫在全局范圍工作沒有任何問題，如

function MyComponent(){
return<div className="myanimation" ABC </div>
}

有人能解釋一下代碼是怎么回事嗎？由于項目的需要，我使用CSS制作動畫。為什么CSS動畫只能在組件的全局范圍內工作而不能在組件的局部模塊范圍內工作？

注意: 我檢查了開發工具，我發現與CSS模塊一起工作，哈希類被正確地創建，但它沒有任何動畫