css module內(nèi)使用動(dòng)畫(huà)keyframes無(wú)效的解決方法

<div class="anmMoveIn"></div>

:global {
  @keyframes framesMoveIn {
    from {
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      transform: translate3d(0, 0, 0);
    }
  }
  
- .anmMoveIn {
+ .anmMoveIn :local{ //在需要調(diào)用keyframe的元素后增加:local
    animation-name: framesMoveIn;
    animation-timing-function: linear;
    animation-direction: normal;
    animation-duration: .5s;
    animation-fill-mode: both;
  }
}