Category: анимация

18
Окт
2021

Выполнить анимацию в обратном порядке

Есть страница с анимацией, по клику на бургер элементы меню появляются одним за другим, по клику на "крестик" элементы должны "пропадать" в обратном порядке, то есть анимация должна быть воспроизведена в обратном порядк…

09
Окт
2021

Jquery разное позиционирование элементов с одинаковым классом

Не могу понять, почему у меня элементы собираются в одну точку, а точнее как вычитать от стартовой позиции элемента, чтобы они в конце не собирались в кучу.
Делаю простенькую анимацию падающих листьев под ветром.

$(document).ready(func…

05
Окт
2021

Инструкция для изучения анимаций

Всем привет! Хотел бы спросить, что нужно знать и где это можно посмотреть, чтобы сделать анимацию вот такого вида?

При скролле до этого блока, должен сначала появляться блок с текстом, потом кружочек и от него идти линия до следующего бл…

04
Окт
2021

Как мне замаскировать элемент с помощью анимированного overlay?

Я пытаюсь выполнить некоторые transitions между страницами для проекта, над которым я работаю.
У меня есть анимированный overlay, который появляется на экране, когда пользователь перемещается по сайту с помощью Barba, но у меня возникла пр…

04
Окт
2021

Как мне замаскировать элемент с помощью анимированного overlay?

Я пытаюсь выполнить некоторые transitions между страницами для проекта, над которым я работаю.
У меня есть анимированный overlay, который появляется на экране, когда пользователь перемещается по сайту с помощью Barba, но у меня возникла пр…

24
Сен
2021

CSS – Можно ли анимировать clip на изображении, чтобы открывать квадранты по часовой стрелке?

У меня есть два круглых изображения. Верхнее изображение располагается абсолютно поверх нижнего изображения. Я показываю верхнее изображение с интервалом 25% с помощью клипа, и мне интересно, можно ли его анимировать, чтобы квадрант постеп…

05
Сен
2021

Как создать эффект (анимацию) вращения по оси Y объекта формы монеты с помощью СSS?

Была задумка сделать вращение круга, который по оси Z растягивался б на 20+ px (чтобы видно было толщину, как у ребра монеты), но как только я начал выставлять элементы по оси Z, элементы стали вращаться по совсем другой траектории. Как мо…

27
Авг
2021

Как сделать двустороннюю анимацию?

На кружке ниже я сделал анимацию и добавляю ему класс при клике, но при повторном клике я хочу чтобы он обратно плавно возвращался в исходную позицию, а он просто резко встаёт в исходную позицию. Как сделать плавное возвращение назад?

22
Авг
2021

Анимация прыжка вперёд или назад

С помощью TranslateTransition попытался сделать элементарное движение влево, вправо, прыжок вверх. Проблема в том, что не знаю как осуществить анимацию прыжка вперёд или назад. Если нажать одновременно UP и RIGHT, разумеется, ничего не буд…

22
Авг
2021

Таймер для выполнения анимации

Сделал анимацию. Нужен таймер, в конце в последнем методе он выводит просто время выполнения анимации.
Как сделать что код выполнялся в тичении 5 секунд? Столько времени я укажу на работу анимации, столько что б и выполнялось.
Буду очень п…

19
Авг
2021

Инерция блока при скролле страницы

Есть небольшой блок с position fixed, расположенные слева в центре экрана. Нужно, чтобы при скролле он как бы отставал, а после, когда перестали скроллить плавно возвращался на своё место. Пытался добавить ему нужный класс в зависимости от…

19
Авг
2021

Боковая панель при скролле первое время не движется, а после плавно возвращается на своё место

Есть боковая панель. При скролле она должна 0,1 секунду не двигаться, а после возвращаться на своё место с затуханием движения. Должно примерно работать как кнопки поддержки или "Позвоните нам" на некоторых сайтах, когда при скро…

04
Авг
2021

Почему PIXI.AnimatedSprite пропускает кадры анимации при первом запуске?

Есть анимация из спрайт листов, созданных через texturePacker.
Она запускается, сразу после захода на страницу, но при первом проигрывании анимация пропускает какие-то кадры.
Здесь находятся спрайты анимации
Здесь видео, как это работает
Н…

31
Июл
2021

gd php как проверить на анимацию webp? и как (чем) ресайзить (ЕСЛИ ресайз нужен) webp с сохранением анимации

Как проверить на анимацию webp?, и как/чем ресайзить (ЕСЛИ ресайз нужен) webp с сохранением анимации.
Чуток поясню про "если ресайз нужен": Сие значит – если ширина или высота картинки (любой картинки!) меньше размера в который …

25
Июл
2021

Как сделать анимацию переключения картинки

Доброго времени суток!
Я только учусь и поэтому прошу сильно не ругать за возможные глупости! 🙂
Делаю учебный проект интернет магазина на React.js + Redux, так вот сделал я компонент по типу слайдера и выглядит он примерно вот так:

работ…

21
Июл
2021

как остановить FuncAnimation

У меня график в реальном времени, который обрисовывает значения6 которые добавляются в файл. Но, есть такой момент когда в файл перестает поступать новые данные необходимо чтобы анимация остановилась. Как можно остановить работу FuncAnim…

21
Июл
2021

как остановить FuncAnimation

У меня график в реальном времени, который обрисовывает значения6 которые добавляются в файл. Но, есть такой момент когда в файл перестает поступать новые данные необходимо чтобы анимация остановилась. Как можно остановить работу FuncAnim…

19
Июл
2021

Как ввести и использовать переменные в SVG и одновременно в JavaScript?

Попробовал сделать небольшую игру в SVG под контролем JS. Однако столкнулся с проблемой: как ввести и повторно использовать в коде SVG переменные? Здесь для определения ширины и высоты <svg>, начальной позиции "шаровой молнии&qu…

02
Июл
2021

Не работают корректно вложенные анимации в React Transition Group

Для анимации в React использую React Transition Group, есть две анимации, сделанные при помощи CSSTransition, по отдельности они работают нормально, но когда вкладываешь одну анимацию в другую, то они начинают работать некорректно, а точне…

02
Июл
2021

Не работают корректно вложенные анимации в React Transition Group

Для анимации в React использую React Transition Group, есть две анимации, сделанные при помощи CSSTransition, по отдельности они работают нормально, но когда вкладываешь одну анимацию в другую, то они начинают работать некорректно, а точне…

21
Июн
2021

Снятие фокуса с lineedit в PyQt5

Я решил создать анимированное поле для ввода на PyQt5 для своего проекта и столкнулся со следующей проблемой:
при нажатии на другое поле фокус с других не убирается.

Код:
import sys
import re
from PyQt5.QtWidgets import *
from PyQt5.QtGui…