AlibekKulseitov
@AlibekKulseitov
Люблю верстать и писать музыку

Как задать задержку CSS 3 анимации от justinaguilar.com?

Как поставить задержку в срабатываний анимации используя эту библиотеку justinaguilar.com?
Вряд ли это можно назвать библиотекой))
Ну типа что-то data-delay animation)

РЕШЕНИЕ:
Мой друг помог найти решение:

Прописываем к блоку например :
<div class="animate" data-delay="600">HELLO WORLD</div>

<script>
	$(window).scroll(function() {
	$('.animate').each(function(){
	var imagePos = $(this).offset().top;

	var topOfWindow = $(window).scrollTop();
		if (imagePos < topOfWindow+300) {
			var me = $(this);
			setTimeout(function() {
			me.addClass("fadeIn");			
			}, $(this).attr("data-delay"));
		} 
		});
	});
	</script>
  • Вопрос задан
  • 145 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы