Css mouse verfolger

Mouseverfvolger erstellt man eigentlich mit Javascript. Hier ist eine Möglichkeit, wie es auch mit CSS geht. Das hier benutzte Javascript ist nur für die Erstellung der Unmengen an nötigen div Containers da. Die man natürlich auch so in den HTML-Code einfügen könnte

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <style>
  
  body{
   overflow:hidden;
  display:flex;
  margin:0;
  padding:0;
   margin-top:-10px;
}
#info{
  position:fixed;
  top:10px;
  height:60px;
  width:150px;
  background:rgba(0,0,0,0.8);
  color:white;
  pointer-events:none;
}
.box{
  width:10px;
  height:10px;
  border-radius:50%;
  border:0px solid black;
  transition:all 2000ms;
}
.box:hover{
  background:red;
    transition:all 10ms;
}
body> .info{
  position:fixed;
  top:70px;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX