Html 如何在angular2中通过动画显示div？

我有一个共享图像，其中一个Div显示，其中包含facebook和twitter共享选项，但我希望这个Div显示一些褪色的动画

以下是我的HTML代码：-

<img  class="like_2" alt="image" (click) = "shareIt(i)" src="assets/img/Fwd Icons/share.png">
<div class="row" *ngIf="sharing==i">
    <section class="widget">
        <share-buttons  (click) = "closeShareIt(i)" [url]=" myFeed.contentUrl "
             [count]="false"
             [totalCount]="true"
             [defaultStyle]= "true"
             (popUpClosed) = "true"
             [google]="googleInner"
             [pinterest]="false"
             [linkedIn]="false"
             [tumblr]="tumblrInner"
             [reddit]="false"
             [stumbleUpOn]="false">
        </share-buttons>                
    </section>
</div>

---

您可以查看Angular2动画文档

然而，如果你正在寻找一些真正容易做的事情，那么就使用这样的东西

<div [ngClass]="{'animator': gogogo}" class="myel">i will animate</div>

然后在你的css中

.myel {
  opacity:0;
}

.myel.animator {
  opacity:1;
  transition:opacity 2s ease-in;
}

---

您可以查看Angular2动画文档

然而，如果你正在寻找一些真正容易做的事情，那么就使用这样的东西

<div [ngClass]="{'animator': gogogo}" class="myel">i will animate</div>

然后在你的css中

.myel {
  opacity:0;
}

.myel.animator {
  opacity:1;
  transition:opacity 2s ease-in;
}

---

看，我有凝灰岩时间来实现其中的任何一个..看，我有凝灰岩时间来实现其中的任何一个。。