相关疑难解决方法(0)

新渲染元素的动画,但不是页面加载

我订阅了Firebase实时数据库,这样当我向它提交内容时,它会立即在视图中呈现,而不需要jQuery或ajax.

我想为这些元素的渲染设置动画,这样当一个新元素被添加到DOM时,它divbackground-color绿色就会变成绿色并逐渐消失.我不想要的是div这个类的所有人在加载时执行这个动画.

我知道如何做前者:

@keyframes green-fade {
    0% {background: rgb(173, 235, 173);}
    100% {background: none;}
}

.post-div {
   animation: green-fade 5s ease-in 1;
}
Run Code Online (Sandbox Code Playgroud)

但是当然这个动画会在渲染时发生,包括加载时.

我对"Angular 2 way"感兴趣.

javascript css animation angularfire2 angular

5
推荐指数
2
解决办法
4472
查看次数

标签 统计

angular ×1

angularfire2 ×1

animation ×1

css ×1

javascript ×1