Показать сообщение отдельно
  #5 (permalink)  
Старый 04.01.2017, 19:36
Аспирант
Отправить личное сообщение для TestUser013 Посмотреть профиль Найти все сообщения от TestUser013
 
Регистрация: 13.07.2013
Сообщений: 94

Сообщение от 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.
Ответить с цитированием