gwt - 修改css动画属性？

Question

有没有办法以编程方式定义和启动 CSS 动画？我想将 div 从一个绝对位置移动到另一个位置。就像是：

FlowPanel fp = new FlowPanel();
fp.getElement().getStyle().setPosition(Position.ABSOLUTE);
fp.getElement().getStyle().setLeft(50, Style.Unit.PX);
fp.getElement().getStyle().setTop(50, Style.Unit.PX);

...

// something like:
fp.setAnimation("top: 300px");

我看到我们可以在我们的css文件中定义一个css动画，改变div的样式名称会触发动画。但我不知道我们是否可以通过编程方式修改 css 中定义的动画。例如：

// css file
.testAnimation {
  top: 500px;
  transition-property: top;
  transition-duration: 1s;
}

...

// But we can't modify the "top" attribute here depending on runtime needs?:
fp.setStyleName("testAnimation"); // I may want "top" to be some other value here.

谢谢