Vaadin动画师渐渐渐渐消失

Question

我正在使用Vaadin Animator 2.0.0添加淡入组件。我正在使用以下代码

new Dom(referenceLayout).getStyle().opacity(0);
Animator.animate(referenceLayout, new Css().opacity(1.0)).delay(100).duration(2000);

它工作正常，但如果我刷新页面，我理解第二行（Animator）没有启动，默认情况下，组件保持0不透明度，我什么也看不见。 即使刷新后，我还能做些什么来确保组件仍然可见。我不在乎动画师是否在刷新后开始。

Answer 1

如果您只想要一个组件的简单淡入动画，您可以执行以下操作（假设您正在使用/扩展Valo主题）：

您的应用：

mycomponent.addStyleName("fade-in");

你的主题：

.fade-in {
  @include valo-animate-in-fade;
}

有关Valo主题中动画混​​音的更多文档，请参阅https://vaadin.com/api/valo/#animation上的文档