Как сделать скользящее движение с помощью CSS в угловых?

Question

Как сделать скользящее движение с помощью CSS в угловых?

0

Рассмотрим следующий плункер

Я пытаюсь сделать список числа слайдов слева при входе и скользить влево после отпуска.

Вот мой css

.stuff {
  display: inline-block;
  margin-left: 10px;
}

button {
  display: block;
}

.stuff.ng-enter,
.stuff.ng-leave {
    -webkit-transition: all 1s ease-in-out;

}

.stuff.ng-enter {
    left: 100%;
}
.stuff.ng-enter-active {

    left: 0;
}

.stuff.ng-leave {
    left: 0;
}
.stuff.ng-leave-active {
    left: -100%;
}

Я проверил, что если я изменил переход позиционирования к непрозрачности, он работает, но по какой-то причине отдача анимации left или right не работает.

Кто-нибудь может мне помочь?

благодаря

testing 09 июнь 2016, в 21:27

Источник

Теги:

javascript

html

angularjs

css

ng-animate

1 ответ

Ещё вопросы

semuzaboi · Answer 1 · 2016-11-02T09-54-00.000Z

Просто взгляните на свой код, я бы рекомендовал вам добавить position к вашему стилю. вы можете найти здесь изменения

я просто сделал небольшое изменение в классе.

.stuff.ng-enter,.stuff.ng-leave {

 -webkit-transition: all 1s ease-in-out;
 position:relative;

}

Надеюсь, это ответит на вопрос.