Css CST转换动画不工作

我有一个react组件的动画，我无法运行它

我认为过渡有点问题，因为若我只需要一个不透明的动画，一切都很好

我使用的是react transition group中的CSSTransitionGroup

以及组件本身的样式

.childComponent {
    position: fixed;
    height: 77%;
    width: 100%;
    bottom: 0;
    z-index: 12;
    background-color: #fff;
 }

---

这是一个基于代码的猜测，没有尝试代码，因为您没有提供测试用例，但translateA与translateA相同，与translateA，a不同。因此您可能希望尝试转换：translate0，0；而是在.animate-enter.animate-enter-active规则中

---

另外，应该在初始元素上设置transition属性，依此类推。animate enter和not on。animate enter。animate enter处于活动状态。

能否在jsfiddle/jsbin/codepen中提供一个工作示例？我不确定是否相同，但结果是一样的：框只是在动画完成后立即弹出，而不是设置动画。关于过渡属性，您是对的。谢谢：

.animate-enter {
  transform: translate(0, 100%);

}

.animate-enter.animate-enter-active {
  transform: translate(0%);
  transition: transform 700ms ease-in-out;
}

.childComponent {
    position: fixed;
    height: 77%;
    width: 100%;
    bottom: 0;
    z-index: 12;
    background-color: #fff;
 }