Просто включих модула ngAnimate и сега моите ng-show елементи се анимират, когато са показани. Което е страхотно.
Но, анимацията отнема 1s (мисля), как мога да конфигурирам това да бъде друга стойност, например. .2s?
Отговори:
0 за отговор № 1Това се прави в CSS (да се адаптира към вашето решение):
.animate-enter {
-webkit-transition: 2s linear all; /* Chrome */
transition: 2s linear all;
opacity: 0;
}
.animate-enter.animate-enter-active {
opacity: 1;
}
0 за отговор № 2
Трябва да управлявате времето за анимация от вашия CSS
.sample-show-hide {
-webkit-transition:all linear 0.5s;
transition:all linear 0.5s;
}