How to implement background movements behind the cursor?

Question

css

How to implement background movements behind the cursor? I need this behavior of the background:

https://github.com/user-doesnt-exist/page-doesnt-exist

It is important for me to understand in the direction of which events, methods, etc. look. I want to implement this in plain JS.

Answer 1

I couldn’t open the example, but I threw something, as I understand it, do I need to make a semblance of parallax? Only for bg in styles you need to set position

var bg = document.querySelector("#bg");

window.onmousemove = e => {
  x = e.offsetX;
  y = e.offsetY;

  bg.style.left= x/30+"px"
  bg.style.top= y/30+"px"
}

Answer 2

http://social.wakoopa.com/

Answer 3

What was on Habré is http://motivateclock.ru/

Answer 4

It looks like it's about the JETLOGGER program

Answer 5

Perhaps a little bit wrong (does not make screenshots) - time counts, there is a division into projects and tasks. Formerly called iClockr, now called Luminia. Unfortunately, only for poppy.
www.kedisoft.com/iclockr/

Answer 6

manictime, only it only stores data locally, you can’t look through the site.

Answer 7

toggl.com

Answer 8

Two programs helped me.
1. RescueTime - www.rescuetime.com/
which is good: sends a report every week. takes up little memory and is invisible, you can configure which application is useful and which is destructive.
cons: rather roughly tracks time in applications.
However, it helps to understand the overall picture, a paid subscription is not required, it’s even better without it.
2. ManicTime - www.manictime.com/
which is good: keep track of all time in great detail.
cons: more cumbersome application, eats more memory.
It helps a lot to track individual tasks, shows the whole picture of the day. Good functionality in the basic version.

Answer 9

Has anyone tried CrocoTime?
There is also an online solution for business www.carlabella.com/ru/carla-time , it is not clear who implements it

Answer 10

I strongly recommend Kickidler