/ / Конфигуриране на ng-animate speed - angularjs, ng-animate

Конфигуриране на ng-animate speed - angularjs, ng-animate

Просто включих модула 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;
}