Описание тега gsap
GSAP (GreenSock Animation Platform) is a suite of tools for scripted, high-performance HTML5 animations that work in all major browsers.
1
ответ
Как сохранить значение обновленным внутри TimelineMax?
Мне нужна функция, которая возвращает мне значение, необходимое для смещения, которое будет выполняться каждый раз, когда вызывается строка. Если я использую line.play() или же line.reverse() значение кэшируется, а функция не вызывается. Как я могу …
14 окт '15 в 15:32
0
ответов
ScrollMagic с триггерами SVG в Firefox
Я создаю анимированную страницу на основе изображения SVG. Некоторые объекты SVG настроены на отображение с использованием GSAP и ScrollMagic при достижении определенных элементов SVG (триггеров). Он отлично работает в Edge, Chrome и Safari, но по к…
14 ноя '16 в 14:16
1
ответ
Реакция событий жизненного цикла отменяет анимацию GSAP
Я пытаюсь использовать GSAP с React и сталкиваюсь с ситуацией, когда моя анимация отменяется. Мой компонент - это боковая панель, которая появляется, только если свойство 'show' в состоянии true. Внутри компонента мои основные функции: shouldCompone…
25 июл '17 в 09:58
1
ответ
Использование плагинов GSAP
Я новичок в GSAP и пытаюсь создать функцию, в которой она будет прокручиваться до определенной точки на странице, но я не совсем понимаю, как правильно использовать плагины GSAP. Мне удалось использовать сценарии для изменения цвета, размера и полож…
09 ноя '15 в 16:40
1
ответ
Исчезать изображение радиально от середины до краев с TweenLite
У меня есть изображение, см. Ниже: что я хотел бы разместить абсолют на моей странице с помощью следующего CSS: .bg-slide21-layer-3 { background-image: url('/images/slide21/bg_layer3.png'); -webkit-background-size: 100% 100%; -moz-background-size: 1…
12 апр '17 в 12:45
1
ответ
Анимация GSAP работает неправильно. Заданная продолжительность не влияет
Я пробую библиотеку анимации GSAP. В соответствии с основными документами синтаксис для установки и запуска анимации: TweenLite.to( [target object], [duration in seconds], [destination values] ) Итак, я попробовал действительно простую анимацию на о…
18 июн '15 в 06:16
1
ответ
Второй элемент нажал не работает должным образом
Я создал код jquery, который по какой-то причине работает первый раз, но второй нажатый элемент шатается с остальными, в то время как первый нажатый элемент остается видимым. Это довольно странно. На самом деле способ, которым я установил переменные…
01 фев '15 в 14:27
1
ответ
Флип-карта TweenMax
Я только что услышал о GSAP сегодня и поиграл с ним около 6 часов (что, кстати, УДИВИТЕЛЬНО!) У меня все работает, кроме случаев, когда я хочу перевернуть карту, ее оборотная сторона не появляется, я искал по всей сети в поисках сообщения с той же п…
24 сен '14 в 12:40
0
ответов
Динамическая анимация с помощью gsap при использовании медиазапроса при загрузке
Я сейчас использую бутстрап col-md-4 а также col-xs-12 сделать мою маленькую веб-страницу динамичной с разной шириной окна, как в следующем HTML: <div class='features'> <div class=' blog col-sm-4 col-xs-12'> <div class='thumbnail '>…
17 дек '15 в 03:13
1
ответ
TweenMax GSAP не анимирует, работает только в codepen?
Просто начал с GSAP Tweenmax, но я столкнулся с некоторыми проблемами. Возможно, это глупая ошибка, которую я сделал, но я не могу понять это. Когда я запускаю этот код на Codepen, он работает, но когда я запускаю его с моего веб-сервера, он ничего …
26 сен '17 в 11:02
1
ответ
JavaScript: эффективный способ обработки событий (специфично для Firefox)
Я запускаю событие прокрутки, которое запускает анимации TweenMax, и я замечаю, что, хотя он выглядит хорошо в Chrome, в Firefox наблюдается значительное отставание. У кого-нибудь есть предложения о том, как обработать это событие прокрутки максимал…
26 окт '15 в 17:58
5
ответов
Как использовать ScrollMagic с GSAP и Webpack
Чтобы использовать ScrollMagic с GSAP, вам необходимо загрузить animation.gsap.js плагин. С Webpack вы могли бы сделать что-то подобное для достижения этой цели (при условии, что вы используете синтаксис CommonJS и установили все с помощью npm): var…
21 фев '16 в 01:14
1
ответ
Проблемы с Wordpress и GSAP TweenLite
Я нахожусь в процессе создания моей первой темы WordPress и пытаюсь интегрировать библиотеку TweenLite, но она не работает. Я не уверен, где лежит ошибка. Сначала в файле function.php моей дочерней темы: add_action('wp_enqueue_scripts', 'custom_them…
09 фев '15 в 19:30
0
ответов
GSAP для преобразования скорости
Я работал над некоторыми анимациями Velocity JS и пытался научиться расслабляться на ходу. Мой JavaScript довольно прост, поэтому я наткнулся на камень преткновения. Это должно было быть обучающим упражнением, и на первый взгляд это кажется тривиаль…
31 июл '15 в 09:55
1
ответ
"Использование const в строгом режиме": как `node_modules/[sub_folder]` может компилироваться в ES5, а не в ES6?
Конфиг от ionic info: Cordova CLI: 8.0.0 Ionic Framework Version: 3.9.2 Ionic CLI Version: 2.2.3 Ionic App Lib Version: 2.2.1 Ionic App Scripts Version: 3.2.0 Node Version: v6.14.4 Работает над некоторым обновлением проекта Ionic 2, ранее работавшег…
24 ноя '18 в 15:11
0
ответов
Есть ли способ включить видимость в одной строке Javascript?
Есть ли способ в javascript/coffeescript для динамического переключения видимости на основе объекта всякий раз, когда непрозрачность входит или выходит из 0? Чтобы повысить производительность с помощью большого количества скрытых объектов и быть уве…
27 апр '17 в 17:32
1
ответ
GSAP Javascript, если еще заявление горе
Я создаю базовое приложение для онлайн-банкинга с использованием HTML, CSS и JS. Пока у меня есть экран недавней транзакции и простая анимация для открытия описания каждой отдельной транзакции. Я использовал GSAP для создания анимации и jQuery для о…
25 июн '15 в 21:28
0
ответов
Каждый раздел должен иметь различную форму и непрозрачность GreenSock
Как вы можете видеть в оранжевом разделе есть анимированные линии с точками (this.draw = function())пока мой ожидаемый результат в зеленой части должен быть нормальными прямоугольниками (this.draw2 = function()) вместо линий с точками. Анимация в зе…
09 июл '18 в 07:18
0
ответов
Не удается заставить WebStorm распознавать библиотеку gsap/TweenLight?
Я использую TweenLite из CDN, вот так: <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/plugins/CSSPlugin.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.1/easing/EasePack.min.js"></s…
28 июн '18 в 13:29
2
ответа
MouseOver CSS3D эффект с помощью JavaScript
Я пытаюсь добиться эффекта MouseOver, как это. Я могу сгенерировать матрицу css3d, необходимую для каждой плитки в соответствии с их положением. Я достиг этого эффекта медленным движением мыши, но если я быстро перемещаюсь от одной плитки к другой, …
22 дек '14 в 14:44