Задать вопрос
@nen0y

Как сделать анимацию поочередного появления?

<span>1</span><span>2</span><span>3</span>

Как используя keyframes сделать что бы изначально был видимый первый элемент, после этого он исчезал, появлялся второй, после этого он исчезал, появлялся третий и после этого он исчезал, появлялся первый?
  • Вопрос задан
  • 91 просмотр
Подписаться 1 Простой 1 комментарий
Ответ пользователя Дмитрий Марков К ответам на вопрос (1)
Сделать 3 одинаковых анимации, просто в разный тайминг отображать элементы
@keyframes animation1 {
	0% {
		opacity: 0;
	}
	33% {
		opacity: 1;
	}
	66% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@keyframes animation2 {
	0% {
		opacity: 0;
	}
	33% {
		opacity: 0;
	}
	66% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes animation3 {
	0% {
		opacity: 0;
	}
	33% {
		opacity: 0;
	}
	66% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
Ответ написан