В настоящее время я использую некоторые анимации с моим скользящим ионным списком, такие как скольжение слева направо и исчезновение контента, как в этом уроке. https://www.joshmorony.com/how-to-create-animations-with-css-in-ionic/
@-webkit-keyframes animateInPrimary {
0% {
-webkit-transform: translate3d(-100%,0,0);
}
100% {
-webkit-transform: translate3d(0,0,0);
}
}
@-webkit-keyframes animateInSecondary{
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.animate-in-primary {
-webkit-animation: animateInPrimary;
animation: animateInPrimary;
-webkit-animation-duration: 750ms;
animation-duraton: 750ms;
}
.animate-in-secondary {
-webkit-animation: animateInSecondary ease-in 1;
animation: animateInSecondary ease-in 1;
-webkit-animation-duration: 750ms;
animation-duraton: 750ms;
}
Теперь я хотел бы, чтобы ионные предметы скользили один за другим. Я думаю, что мне нужно использовать свойство css -webkit-animation-delay. Но я не уверен, куда его вставить. Надеюсь, кто-то может помочь. Спасибо, Эшли