icons 0.4.5

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

/* Blocks Animation - Animated block moves diagonally up-left and down-right */

/* Initial state - smooth bounce back when not hovered */
[data-name="BlocksAnimate"] rect[x="14"][y="2"][width="8"][height="8"] {
    animation: blockRevert 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* On hover - move to new position */
[data-name="BlocksAnimate"]:hover rect[x="14"][y="2"][width="8"][height="8"] {
    animation: blockMove 0.3s ease-in-out forwards;
}

@keyframes blockMove {
    0% {
        transform: translateX(0) translateY(0);
    }
    100% {
        transform: translateX(-4px) translateY(4px);
    }
}

@keyframes blockRevert {
    0% {
        transform: translateX(-4px) translateY(4px);
    }
    100% {
        transform: translateX(0) translateY(0);
    }
}