Tag: angularanimation

angular2 ngIf和CSS过渡/animation

我想要一个div在angular2中使用CSS从右侧滑入。 <div class="note" [ngClass]="{'transition':show}" *ngIf="show"> <p> Notes</p> </div> <button class="btn btn-default" (click)="toggle(show)">Toggle</button> 我工作正常，如果我只使用[ngClass]切换类和利用不透明度。 但李先生不希望从一开始就渲染这个元素，所以我先用ng来“隐藏”它，但是这个转换不会起作用。 .transition{ -webkit-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; -moz-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; -ms-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out ; -o-transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; transition: opacity 1000ms ease-in-out,margin-left 500ms ease-in-out; margin-left: 1500px; width: 200px; opacity: 0; } .transition{ opacity: […]