Описание тега timelinemax
Расширение Greensock's TimelineLite
1
ответ
Проблемы со ScrollMagic и GreenSock на Chrome
Я делаю анимацию с ScrollMagic а также GreenSock"s TimelineMax, Анимация должна идти в WordPress стр. Однако анимация имеет некоторые глюки, когда страница открыта в Chrome. Эта проблема не возникает в Safari и Firefox. Я не могу проверить на IE. Во…
15 июн '16 в 07:42
1
ответ
Множественная временная шкала со скроллмагией в твинемакс по неполной функции
Множественная временная шкала со скроллмагией в tweenmax, не работает полная функция .add(TweenLite.fromTo ('.title2' , 0.3, {css:{opacity:0}}, {css:{opacity:1},onComplete:function() { function pathPrepare ($el) { var lineLength = $el[0].getTotalLen…
08 май '17 в 13:10
0
ответов
Записывать видео с экрана браузера или с помощью специального HTML-тега
Есть ли способ записать следующую анимацию как видео в экспорт для загрузки? анимация, созданная с помощью GSAP <div id="controls"> <div id="slider"></div> </div> tl.staggerFrom($boxes, 1, {y: '-=40', autoAlpha: 0, ease:Power…
11 июл '16 в 08:56
0
ответов
Последовательность TimelineMax js вызывает onComplete слишком рано
Как говорится в заголовке, обратный вызов onComplete вызывается до завершения всей последовательности. Вот мой код: isPLaying = true; const timeline = new TimelineMax({ onComplete: () => { isPlaying = false; } }); timeline .to(displacementFilter.…
02 авг '18 в 09:24
1
ответ
Как воспроизвести максимальную шкалу времени Гринсока на основе атрибута данных
В настоящее время я не получаю ответ на форуме Гринсок. У меня есть панель поиска, которая должна расширяться, если щелкнуть значок, и снова закрыться при щелчке в любом месте тела, но только при расширении панели поиска. Когда я открываю панель пои…
12 июн '17 в 12:39
1
ответ
Группировка твинов в шкале времени GSAP
Я задал тот же вопрос на форуме GSAP, но это не активный форум, как здесь, я думаю. У меня есть некоторые трудности с GSAP, я хочу сгруппировать подростков по временной шкале, а не по отдельности, сначала два идут одновременно, а затем вторые два и …
29 сен '18 в 15:04
1
ответ
Обмен классами не очищает предыдущие значения анимации
Я работаю над какой-то анимацией, поэтому я подготовил демо, которое точно соответствует задаче. Я меняю классы после завершения первой временной шкалы и запускаю другую временную шкалу, когда пользователь нажимает второй раз. Проблема заключается в…
13 май '18 в 10:38
0
ответов
Шкала Гринсок глючит / медленно / висит
Я использую greensock для масштабирования div, который содержит три видео, когда масштабирование анимации не является плавным, кажется, глючит, Есть предложения? Использую нормальную шкалу для div используя код t1.add(TweenMax.to(videoDiv, 4, { scal…
23 ноя '17 в 08:49
1
ответ
TweenMax кубический Безье с className не работает
var tween = TweenMax.to("#animate123", 5, { bezier:{ type:"cubic", values: [{"x":178.853394,"y":292.738353},{"x":178.853394,"y":292.738353},{"x":461.554575,"y":189.214815},{"x":640,"y":255.010604}], autoRotate:["x","y","rotation", 0, true] }, ease:…
27 апр '17 в 14:34
1
ответ
GreenSock TimelineMax для элементов пути, не работающих в Safari и Firefox
Я пытаюсь анимировать несколько элементов пути, которые я создаю и добавляю в JavaScript/jQuery. Затем я использую временную шкалу, чтобы анимировать эти элементы один за другим (с разными значениями, поэтому я не могу использовать пошаговый режим).…
18 авг '16 в 12:29
1
ответ
Почему мои триггеры неправильно расположены в сцене Greensock TimelineMax?
Может кто-нибудь сказать мне, что я здесь делаю не так? Триггеры начала и конца вообще не совпадают с моим триггерным элементом, и я не могу понять, что его сбрасывает. var opacityTrigger = $(".opacityTrigger"); var opacityDuration = $(".opacityWrap…
06 ноя '18 в 22:14
0
ответов
Анимируйте временную шкалу GSAP между двумя метками "самым коротким" способом
У меня есть анимация GSAP (Greensock), которая "кажется безразличной", и это означает, что когда она воспроизводится по бесконечному циклу, вы не можете определить, какая часть является началом, а какая - концом. Допустим, у меня есть две метки, одн…
09 ноя '18 в 03:56
0
ответов
Как я могу пройти через анимацию TimelineMax?
Я использую Greenlineck TimelineMax для анимации элементов в цикле: var elems = $('.section_elems'); var elem1 = elems[0]; var elemInit1 = new TimelineMax({ repeat: -1, yoyo: true, delay: 1 }); elemInit1.set(elem1, { opacity: '0.4' }); elemInit1.to(…
28 сен '18 в 15:44
1
ответ
Scrollmagic timelineMax смещение длительности
У меня довольно простое событие Scrollmagic. Он включает в себя очистку разделов, как описано здесь - Пример очистки разделов ScrollMagic. Итак, взяв это, я собрал следующую настройку ScrollMagic. var ctrl = new ScrollMagic.Controller({ globalSceneO…
07 фев '16 в 21:45
1
ответ
GSAP - TweenMax: TweenMax.getAllTweens() возвращает объекты вместо экземпляра TweenMax
Я получил все экземпляры TweenMax со страницы. Поэтому я использую: TweenMax.getAllTweens() Это работает, если подростки объявлены так: TweenMax.to или же TweenMax.formTo или что-то еще, но если подростки вложены в TimelineMax / Lite, TweenMax.getAl…
05 апр '17 в 14:41
0
ответов
Новичок в TimelineMax и ScrollMagic
Я пробую свои силы в использовании одного из шаблонов Петра Тихи после прохождения нескольких его курсов. Некоторое время я хорошо себя чувствую, но потом вот так попал в стену, и я не уверен, что сделал неправильно. Страница веб-сайта проходит глад…
22 июн '16 в 20:11
0
ответов
Как перейти на середину шкалы времени / анимации и продолжить с этой точки
Мне нужно иметь возможность перейти к середине анимации, которая находится ниже на странице и еще не началась, а затем начать анимацию с того места, где я прыгнул. Когда я нажимаю на навигационное меню (которое отображается в виде выгруженного изобр…
12 апр '18 в 16:04
0
ответов
Scrollmagic в отпуске воспроизводит график после окончания другого
Так что это моя сцена под вопросом //-- body of work - project reveal const bodyOfWorkProjectReveal = new TimelineMax({ paused: true }); bodyOfWorkProjectReveal .to(bodyOfWorkSectionTitle, 0.3, { autoAlpha: 0, y: -20, ease: Circ.easeInOut }) .to(bod…
11 янв '18 в 09:39
0
ответов
Как изменить непрозрачность кнопки на 1 после того, как строка заканчивается цифрой
У меня есть кнопка (.'submit'), которая изначально установлена на 0,5 непрозрачности. Я пытаюсь изменить непрозрачность (.'submit ') после заполнения строки любой цифрой в последнем месте моего массива ("тире"). Я использую https://greensock.com/t…
18 сен '18 в 16:39
2
ответа
GSAP с React.js
Я сталкиваюсь с этой проблемой. Я использую GSAP в реактивном проекте для создания сложной анимации. Я хочу спросить, как я могу очистить стиль, примененный к DOM, когда компонент перерисовывает. Это все еще сохраняет старое состояние, которое являе…
25 янв '18 в 10:48