Как реализовать такую прыгающую картинку?

Question

[viktorulyushev]

Вот на этом сайте franshiza.colary.tech/colary/about.html ,прыгает мышка,как реализовать такую же,или выдернуть с их сайта?

Comments

[Ярослав Иванов]

А логин пароль какой ?

[viktorulyushev]

Ярослав Иванов: colary/demo

Answer 1

[Ярослав Иванов]

https://jsfiddle.net/space2pacman/gehbduy9/

Answer 2

[Максим Тимофеев]

на данном сайте это реализовано через:
transform: matrix(1.07482, 0, 0, 1.07482, 0, 0); и bottom при чем это inline стили и меняются из js
Я бы сделал через обычную css анимацию с keyframe и тем же transform: matrix + bottom

Comments

[viktorulyushev]

а можете пример привести?я уже пробовал через keyframe,но там получается как то не по живому чтоли www.w3schools.com/cssref/css3_pr_animation.asp

[Максим Тимофеев]

viktorulyushev: В смысле сделать за Вас? Не в моих правилах. Сделайте на https://jsfiddle.net свой код, Вам подскажут что не так, я в том числе.

[viktorulyushev]

Максим Тимофеев: не,я пример просил,потому что с трасформом не делал

[Максим Тимофеев]

viktorulyushev: У Вас заблокирован доступ к поисковикам?
https://yandex.ru/search/?text=css%20transform%20m...
да и на том же w3schools есть поиск:
www.w3schools.com/cssref/css3_pr_transform.asp