项目启用了css_modules,写keyframes无效不知道为什么？

Question

dva生成的项目里面用less写样式，想着写一个动画，但是却不起作用。代码如下

.box{

  width: 100px;

  height: 100px;

  background-color: red;

  transform: translateX(100px);

}

:global{

  .over{

    animation:mymove 5s infinite;

  }

  @keyframes mymove {

    from { transform: translateX(0px) }

    to { transform: translateX(200px) }

  }

}

dom是这样的

<div className={cx(l.box, 'over')}> </div>

按理说应该初始化就会有动画，可是为什么没有作用？不知道错在哪里？？

Answer 1

楼主你的问题解决了吗？我也碰到这种问题了，我测试了一下， 即使把 @keyframes 写在 :global里面，CSS MODULE还是会改他的名字，所以没法生效，我现在临时把keyframes写在head的style里了， 不知道有没有办法让css module不处理keyframes的命名

Answer 2

@keyframes :global(mymove) {&nbsp; &nbsp; from { transform: translateX(0px) }&nbsp; &nbsp; to { transform: translateX(200px) }&nbsp; }这么写就好了