Описание тега web-animations
Web Animations defines a model for supporting animation and synchronization on the Web platform. It defines a programming interface to the model that may be implemented by user agents that provide support for scripting.
0
ответов
Как оживить путь в WAAPI?
Как (если вообще) я могу оживить d в веб-анимации? В примере stroke а также strokeWidth работают, d не?! <svg id="svg-path-anim" width="60" height="50" style="border:1px solid #00f"> <path id="wave1" d="M10,10L50,10" stroke="#000" stroke-wi…
13 мар '16 в 08:05
1
ответ
Stuttery CSS анимация для увеличения изображений в Safari
Я пытаюсь создать анимацию, которая берет изображение, находящееся в любом месте на странице, и перемещает его в середину, при этом изменяя его размер до полной ширины окна браузера. Мое решение работает, но в нем есть некоторые заикания / скачки, к…
27 авг '18 в 10:02
1
ответ
Использовать веб-анимацию для создания правильного слайда и затемнения анимации одного экземпляра
Я ищу, чтобы создать веб-анимацию с новой спецификацией и polyfill. Анимация, которую я пытаюсь создать, состоит в том, что элемент перемещается на 1024 пикселя вправо и исчезает. И затем все, не сбрасывается, анимация просто заканчивается. Я пытаюс…
23 июн '14 в 14:40
0
ответов
Угловая анимация не работает для iOS 7
У меня проблема в приложении Angular 5: У меня есть триггер для угловой анимации, помещенный в тег ul, который предназначен для изменения его высоты с 0 на *, и он хорошо работает на всех устройствах, кроме устройств под управлением iOS 7. При тести…
14 дек '17 в 15:47
0
ответов
Интерактивное веб-приложение с питоном
Я пытаюсь создать веб-приложение, которое может запускать биохимическое моделирование, и я хочу отображать интерактивную анимацию моделирования во время его работы. Тем не менее, настоящий симулятор уже создан на python, и я обеспокоен тем, что пост…
22 окт '18 в 18:46
1
ответ
Как заставить бумажную кнопку меню работать?
Я продолжаю получать ошибки, жалуясь на невозможность запуска анимации при локальном показе следующей демонстрации. Хотя это работает в моем jsBin. http://jsbin.com/kadugokade/edit?html,console,output <!DOCTYPE html> <html> <head> …
10 июл '17 в 07:40
0
ответов
API веб-анимации с шаблоном Promise - чистота кода
У меня есть сценарий, в котором я пытаюсь связать воедино веб-анимацию с помощью обещаний (bluebird). Под веб-анимацией я подразумеваю анимацию в стиле element.animate. Я создал общую оболочку Animation Promise, например: function promiseAnimation(e…
15 мар '16 в 02:54
1
ответ
Создать 3D-объект для анимации на HTML-странице
Я строю веб-страницу прямо сейчас, и мой менеджер хочет, чтобы на ней вращалась конкретная земля (имеется в виду: тень и конкретный дизайн земли). У нас есть команда, специализирующаяся на 3D моделях, и они готовы построить объект. Но ни они, ни я н…
13 авг '15 в 14:52
1
ответ
Angular2 удаление источника событий для дочернего компонента
У меня есть дочерний компонент, который удаляется с помощью генератора событий, и я хочу добавить анимацию при его удалении. Мое мышление состояло в том, чтобы оживить из подстановочного состояния в пустоту: @Component({ selector: 'content-attendee'…
20 фев '17 в 06:15
2
ответа
Javascript Animation Framework
Я ищу рамки анимации JavaScript. Я нашел некоторые: http://www.pixijs.com/ http://phaser.io/ http://paperjs.org/ Это все хорошо. Но мне бы хотелось, чтобы среда создания анимации на основе графического интерфейса позволяла создавать анимацию перевод…
08 авг '15 в 11:22
0
ответов
Плавность Skrollr's ломается от вершины данных к вершинам данных сверху вниз
У меня есть анимация skrollr, которая в основном скользит в теге H2 снизу вверх и внизу сверху вниз. Они оба зафиксированы и выровнены так, чтобы располагаться горизонтально по центру на экране, когда их родитель находится вверху экрана. Когда родит…
12 ноя '15 в 20:07
0
ответов
d3.js Анимация не работает для всех итераций цикла
Я создаю визуализацию жидкой заливки d3js, как упоминалось в http://jsfiddle.net/zm5p9LLe/. В примере показан один датчик заполнения жидкостью. Я включаю и создаю несколько датчиков. Но анимация работает только для последней итерации цикла. Это связ…
08 сен '16 в 12:35
1
ответ
С чего начать, чтобы добиться этого анимационного эффекта
Как я могу добиться такого эффекта анимации (см. Ссылку ниже) и где мне нужно начать обучение, является ли это частью CSS или HTML5 или плагинов и т. Д. У меня есть знания стартапа в CSS и HTML5, но я не знаю, как добиться эффекта. http://www.terred…
08 апр '15 в 03:46
2
ответа
Композитные веб-анимации
Я пытаюсь скомпоновать некоторые анимации с помощью API веб-анимации ( https://developer.mozilla.org/en-US/docs/Web/API/Element/animate). Я хочу воспроизвести вступительную анимацию, которая масштабирует мой элемент, а затем реагирует на пылесос и щ…
12 авг '18 в 07:37
1
ответ
`player.animate( [ {transform: "rotate(10)"`?
Я пытаюсь использовать веб-анимацию / JS (но не CSS!) Для преобразования SVG. Я не могу получить transform: rotate(10) работать - не знаю почему. В примере playerT (масштаб) и playerT3 (strokeWidth) хорошо, но playerT2 кажется, ничего не делает - по…
05 мар '16 в 14:48
0
ответов
Альтернативы веб-анимации svg+css для лучшей производительности
Я пытаюсь найти альтернативный способ отображения анимации SVG + CSS, которую я сделал, из-за довольно плохих результатов. Анимация окружает <div> охватывает весь экран, поэтому он обычно отображается в высоком разрешении (я думаю, поэтому час…
25 мар '18 в 18:59
1
ответ
Как настроить speed.js?
Я хотел бы знать, как мы можем включить в наш проект библиотеку speed.js, чтобы у нас была более плавная анимация. Спасибо! index.html <div class="demo-content"> <div class="box" id="with-jquery">jQuery</div> <a href="#" class="…
06 май '16 в 12:43
0
ответов
Могу ли я иметь непрерывную анимацию для данного состояния в Angular4
Вот пример кода из https://angular.io/guide/animations animations: [ trigger('heroState', [ state('inactive', style({ backgroundColor: '#eee', transform: 'scale(1)', })), state('active', style({ backgroundColor: '#cfd8dc', transform: 'scale(1.1)' })…
13 июл '17 в 09:37
2
ответа
SVG Animate API веб-анимации
Я создаю анимацию для проекта, используя "API веб-анимации". В хроме все отлично работает. Но пока еще в Мазилле и Сафаре нет. Safari просто пропускает эту анимацию. Но Мазилла совершает критическую ошибку. Суть ошибки в том, что я манипулирую элеме…
23 авг '18 в 12:16
2
ответа
Не удалось загрузить файл web-animations.min.js
Я использовал Pagination в части моей страницы этого сайта. Я следую его инструкциям, и теперь ниже находятся мои связанные файлы в проекте: app.item.html <mat-paginator [length]="100" [pageSize]="10" [pageSizeOptions]="[5, 10, 25, 100]"> <…
17 янв '18 в 12:20