Category: анимация

07
Авг
2020

Как вставить своё изображение при анимации печати теста?

Игрался с настройками плагина typeIt.js для анимации печати теста, все было хорошо если вставлять смайлы текстом, но есть ли какой то способ вставить свою картинку(иконку смайлика) при анимации печати теста? Меня смайлы почти угодили, но е…

31
Июл
2020

QPropertyAnimation не работает

Есть окно с виджетом QListView (1), который нужно иметь возможность развернуть при нажатии на кнопку (2). При этом, когда виджет QListView находится в развёрнутом состоянии, он должен скрывать три других виджета, находящиеся по ним (3, 4, …

25
Июл
2020

Анимация пропорционального уменьшение блока до display:none с расположением к центру

Подскажите, есть ли возможность реализовать анимацию при которой div "схлопывался" не в верхний левый угол, а к центру своего размещения. Приведу пример:

$(“.button”).on(“click”, function() {
$(“.block”).toggleClass(“active…

19
Июл
2020

Как предотвратить перезагрузку страницы/скроллинг в самый верх при клике на routerLink

У меня есть проект интернет-магазина на Angular, при клике на routerLink происходит переход на другой элемент роутера, при этом у меня присутствует анимация перехода. Данную анимацию увидеть невозможно, так как страничка сразу прокручивает…

15
Июл
2020

Как сделать так, чтобы при нажатии на кнопку начиналась анимация и при каждом нажатии передавался на другой блок

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

10
Июл
2020

Анимация чисел как в гугле (генератор случайных чисел) js

набираешь в гугле "генератор случайных чисел" и там появится ну собственно поля для ввода и генерации.
Подскажите пожалуйста как реализовать такую анимацию или откуда найти точно токую же (может как то можно извлекать код гугла ?…

04
Июл
2020

Как реализовать анимацию плавного морфинга границ изображения?

Есть картинка, при ховере ее границы должны начать хаотично плавать, изгибаться, пока не убран курсор.
Насколько понял, это должно быть связано с svg morphing, но примера не нашел. Только анимация чистой svg, без картинки.
Может у кого ес…

30
Июн
2020

Как сделать такую анимацию HTML5 canvas?

Вот как это должно выглядеть

То есть облака должны беспрерывно двигаться по горизонтали.
Как реализовать такую анимацию на JS в Canvas?
Если есть ссылка на какой-либо ресурс буду рад!
Спасибо заранее!!!

25
Июн
2020

Как изменить состояние чекбокса через некоторое время после нажатия?

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

24
Июн
2020

Как реализовать подобный эффект отскока?

Друзья!
Подскажите пожалуйста!
Нужно найти подобный эффект как на сайте oiw.no
Нужно, чтобы при наведении на объект он слегка отпрыгивал от другого и тд.
Есть ли такой эффект?
Куда капать?
Надеюсь на поддержку

06
Июн
2020

Как связать функцию анимации с событием onclick

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

let shape2 = document.getElementById(‘shape-2’)
let shape3 = document.getElementById(‘shape-3’)
l…

21
Май
2020

работа с DOM js анимация

моих знаний основ на js не достаточно , чтобы реализовать следующее: на странице есть несколько раскрывающихся блоков и нужно добавить небольшую анимацию переворота стрлки на 180 градусов , сейчас я реализовал это так : я добавил обработчи…

21
Май
2020

Анимация перезапускается, хотя ещё не закончилась

У меня есть активность, в ней есть кнопка. При её нажатии создаётся ImageView, добавляется в layout и к картинке применяется анимация.
Проблема собственно в том, что при нажатии кнопки несколько раз анимация перезапускается на всех ImageVi…

13
Май
2020

Аналогичная анимация с этого сайта

есть сайт http://dgpacker.ru/, на котором происходит смена фотографий при движении курсора мыши, получается так, что чтобы такого добиться они брали по сто фотографий на каждый анимируемый объект и меняли src при нужном положении мыши, жда…

12
Май
2020

Как удобнее анимировать в canvas?

Всё кажется простым в учебных примерах: Один квадрат или круг, бери-да меняй координаты.
А когда это игровой персонаж с руками-ногами и прочими деталями, оказывается достаточно муторно возиться с координатами, и при этом не путаться. Хорош…

07
Май
2020

Анимация видео при прокрутке страницы

Всем привет! Столкнулась с такой проблемой, как анимация видео. У меня есть видео по середине сайта (которое не видно при загрузке страницы), и я хотела бы, чтобы при скролле страницы, когда фокус попадает на видео, оно начинает играть. Пр…

06
Май
2020

Не получается исправить анимацию Accardion

у меня почему-то при нажатий – срабатывает все вкладки в Accardion. Не могу понять где бы, я мог ошибаться. Сколько времени смотрю в интеренете, так и не нашел.

Случаем не знаете в чем проблема?

$(document).ready(function() {

06
Май
2020

Не получается исправить анимацию Accardion

у меня почему-то при нажатий – срабатывает все вкладки в Accardion. Не могу понять где бы, я мог ошибаться. Сколько времени смотрю в интеренете, так и не нашел.

Случаем не знаете в чем проблема?

$(document).ready(function() {

06
Май
2020

На чем можно делать анимацию для мобильного приложения написанного на kivy?

В планах сделать блокнот целей и задач, но нужно прикрутить анимацию кнопок, допустим: плавного выпада меню или плавную анимацию завершения цели.
Подскажите, что можно для этого использовать?

05
Май
2020

Движение текста отзывающееся на курсор

Такая фишка реализована у citronium.ru, в исходном коде мало, что понятно.

Как это реализовывать? Что лучше, через js или css? У моего текста уже задан определенный magrin, как его не повредить при движении?

Ищу в интернете методы аним…

30
Апр
2020

Подскажите как сделать, такую 3d анимацию для при движении мыши

Тут на главной сайта http://dgpacker.ru/, есть изображения, которые создают эффект 3-d при движении мышкой по оси-x
оно так же изменяет свой внешний вид, подгружая, как я понял нужное фото (скрины ниже),
подскажите пожалуйста, как можно р…

30
Апр
2020

Диаграмма donut SVG. Как сделать анимацию закрашивания?

Долгое время вожусь с анимацией закрашивания круга в зависимости от процента. Необходимо реализовать такое:

На данный момент я смог реализовать так:

То есть все как надо, анимация закрашивания работает, но радиус синего круга очень мал…

30
Апр
2020

Диаграмма donut SVG. Как сделать анимацию закрашивания?

Долгое время вожусь с анимацией закрашивания круга в зависимости от процента. Необходимо реализовать такое:

На данный момент я смог реализовать так:

То есть все как надо, анимация закрашивания работает, но радиус синего круга очень мал…

28
Апр
2020

Адаптирование анимации в android

Помогите, пожалуйста, разобраться. Я окончательно запутался.
Есть у меня условно кнопка, её размеры заданны в dp – тут все понятно, она отображается на всех устройства +/- одинаково.
Но как её одинаково перемещать на всех устройствах? Есть…