Angular 2 NGIF и CSS Переход/анимация ⇐ CSS

[Anonymous]

Я хочу, чтобы Div скользил справа в Angular 2, используя CSS. < /p>


Notes

Toggle
< /code>

Я работаю нормально, если я использую [ngclass] для переключения класса и использую непрозрачность.
Но Li не хочу, чтобы этот элемент был отображен с самого начала, поэтому я «скрываю» его сначала с ngif, но тогда переход не будет работать..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: 100;
margin-left: 0;
}


Подробнее здесь: https://stackoverflow.com/questions/364 ... -animation