Сообщение от smart-create
|
эффект теперь срабатывает при нажатии на любую из кнопок
|
Нет, только при нажатии на первую. Попробуйте вот так:
$('.component-8').each(function(i,bt) {
bt.addEventListener('click', function(e) {
var turb = $('#filter-ripple-1 feImage')[0];
var dm = $('#filter-ripple-1 feDisplacementMap')[0];
TweenLite.set(turb, { attr: { x: isFF ? e.offsetX : e.offsetX + 10, y: isFF ? e.offsetY : e.offsetY + 10, width: 0, height: 0 } });
TweenLite.to(turb, 3, { attr: { x: '-=300', y: '-=300', width: 600, height: 600 } });
TweenLite.fromTo(dm, 2, { attr: { scale: 30 } }, { attr: { scale: 0 } });
});
});
А после этого разбирайтесь как работает TweenLite.