Как сделать подобную анимацию?

Question

[nen0y]

www.web2feel.com/freeby/scroll-effects/index3.html

Как сделать подобную анимацию, не используя плагинов?

Answer 1

[poniyur]

С помощью js вычисляете, что элемент попадает в видимую зону (легко гуглится) и добавляете класс с анимацией. По ссылке, что вы дали, описание анимации можно посмотреть в стилях элемента (скопировал сюда).

@keyframes bounceInUp {
	0% {
		opacity: 0;
		transform: translateY(2000px);
	}

	60% {
		opacity: 1;
		transform: translateY(-30px);
	}

	80% {
		transform: translateY(10px);
	}

	100% {
		transform: translateY(0);
	}
}

Comments

[nen0y]

спасибо

[Сергей Карвасарный]

nen0y, wow.js можешь попробовать он использует animation.css там есть примеры анимации, там не нужно уже js писать просто вешать классы на блоки с анимацией