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

Для создания анимации при движении мыши на веб-странице, вы можете использовать JavaScript и CSS. Ниже приведен пример кода, который позволит вам создать анимацию, которая будет выполняться при движении курсора мыши:

1. Сначала вам нужно создать HTML элемент, к которому будет применяться анимация. Например, вы можете создать div элемент с id "animationDiv":

<div id="animationDiv">Move your mouse here!</div>

2. Затем вам нужно добавить стили CSS для этого элемента. Вы можете использовать следующий CSS код, чтобы сделать элемент анимированным при движении мыши:

#animationDiv {
  width: 100px;
  height: 100px;
  background-color: blue;
  color: white;
  text-align: center;
  line-height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: transform 0.5s;
}

3. И, наконец, вам нужно добавить JavaScript код, который будет отслеживать движение мыши и изменять положение элемента в зависимости от этого:

document.getElementById("animationDiv").addEventListener("mousemove", function(event) {
  var x = event.clientX;
  var y = event.clientY;
 
  document.getElementById("animationDiv").style.transform = "translate(" + x + "px, " + y + "px)";
});

Этот код будет отслеживать дввижение мыши над элементом "animationDiv" и изменять его положение в соответствии с координатами курсора мыши. Разумеется, вы можете настроить стили и анимацию по своему усмотрению, чтобы создать более интересный эффект.

Надеюсь, это поможет вам создать анимацию при движении мыши на вашей веб-странице!