Есть пример анимированной кнопки, которая прыгает при прокрутке страницы?

Question

[Muvka]

Желательно с использованием CSS переменных. На jQuery анимации кажется тяжеловато. Кто знает, поделитесь ссылкой) Надеюсь понятно объяснил то, что нужно. Чтобы при прокрутке кнопка оставалась на своем месте относительно документа, а не окна браузера, а потом начинала падать вниз и отпрыгивала несколько раз.

Comments

[Rustam Bainazarov]

А зачем тут CSS-переменные?

[Rustam Bainazarov]

Кроме того, без JS отследить событие прокрутки будет невозможно.

[Muvka]

Я не говорю, что на чистом css. Просто на jQuery animate это дело выглядит тяжеловатым. А css переменные должны быстрее работать, разве нет?

[Somewhere Intech]

SmthTo, js = отследить scroll (кнопка за экраном? = добавить уникальный класс).
css = @keyframes (может несколько и с delay

[Rustam Bainazarov]

Johnny Lowhunter, это не мне комментарий :))

[Rustam Bainazarov]

Muvka, посмотрите, что такое CSS-переменные. Вам нужны CSS-анимации, основанные на transform.