icons 0.5.2

Icons for Rust fullstack applications — Leptos and Dioxus.
Documentation 
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52

/* Grip icon animation - 9 circles with staggered opacity animation */

/* Circle 1: Top right (19,5) - delay 0s */
[data-name="GripAnimate"]:hover circle[cx="19"][cy="5"] {
    animation: gripFade 0.4s ease-in-out;
}

/* Circle 2: Top middle (12,5) - delay 0.1s */
[data-name="GripAnimate"]:hover circle[cx="12"][cy="5"] {
    animation: gripFade 0.4s ease-in-out 0.1s;
}

/* Circle 3: Middle right (19,12) - delay 0.2s */
[data-name="GripAnimate"]:hover circle[cx="19"][cy="12"] {
    animation: gripFade 0.4s ease-in-out 0.2s;
}

/* Circle 4: Top left (5,5) - delay 0.3s */
[data-name="GripAnimate"]:hover circle[cx="5"][cy="5"] {
    animation: gripFade 0.4s ease-in-out 0.3s;
}

/* Circle 5: Center (12,12) - delay 0.4s */
[data-name="GripAnimate"]:hover circle[cx="12"][cy="12"] {
    animation: gripFade 0.4s ease-in-out 0.4s;
}

/* Circle 6: Bottom right (19,19) - delay 0.5s */
[data-name="GripAnimate"]:hover circle[cx="19"][cy="19"] {
    animation: gripFade 0.4s ease-in-out 0.5s;
}

/* Circle 7: Middle left (5,12) - delay 0.6s */
[data-name="GripAnimate"]:hover circle[cx="5"][cy="12"] {
    animation: gripFade 0.4s ease-in-out 0.6s;
}

/* Circle 8: Bottom middle (12,19) - delay 0.7s */
[data-name="GripAnimate"]:hover circle[cx="12"][cy="19"] {
    animation: gripFade 0.4s ease-in-out 0.7s;
}

/* Circle 9: Bottom left (5,19) - delay 0.8s */
[data-name="GripAnimate"]:hover circle[cx="5"][cy="19"] {
    animation: gripFade 0.4s ease-in-out 0.8s;
}

@keyframes gripFade {
    0% { opacity: 1; }
    50% { opacity: 0.3; }
    100% { opacity: 1; }
}