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

前端之家收集整理的这篇文章主要介绍了javascript – 新渲染元素的动画,但不是页面加载的动画前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

我想为这些元素的渲染设置动画,这样当一个新元素添加到DOM时,它的div的背景颜色是绿色的,然后逐渐消失.我不想要的是这个类的所有div在加载时执行这个动画.

我知道如何做前者:

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

.post-div {
   animation: green-fade 5s ease-in 1;
}

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

我对“Angular 2 way”感兴趣.

最佳答案
从Angular 4.25开始,有一种更简单的方法:如果你想抑制:在视图初始化时输入动画,只需用下面的动画包装它:

template: `
  

猜你在找的CSS相关文章