Здравствуйте, такой вопрос. Вы бы не могли бы мне пожалуйста помочь, я честно не знаю как реализовать такую фичу:
когда я скролингом прокручиваю до какого-то блока, то врубается анимация: сначала по очереди выезжают тексты с разных сторон(3 штуки), а потом также выезжаю картинки. я знаю как примерно это реализовать на css3, но вот с js что-то не задалось. Помогите пожалуйста, а то я новичок и с анимацией только в edge animate работал
Так же есть некоторые наработке на js, но там при скроллинге у элементов по очереди меняется прозрачность.
$('.counts, .counts2, .vars, .hww').on('animateIn', function() {
var inter = 0;
$(this).find('.anim3').each(function() {
var block = $(this);
setTimeout(function() {
block.css('opacity', 1);
block.css('transform', 'scale(1.0, 1.0)');
}, inter*1000);
inter++;
});
}).on('animateOut', function() {
$(this).find('.anim3').each(function() {
$(this).css('opacity', 0.001);
$(this).css('transform', 'scale(0.01, 0.01)');
});
});