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

/* Circle Help Icon Animation - Wiggle Effect */

/* Base state: Define transition for smooth reverse */
[data-name="CircleHelpAnimate"] path[d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"],
[data-name="CircleHelpAnimate"] path[d="M12 17h.01"] {
    transition: transform 0.5s ease-in-out;
    transform-origin: center;
}

/* Hover state: Trigger wiggle animation */
[data-name="CircleHelpAnimate"]:hover path[d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"],
[data-name="CircleHelpAnimate"]:hover path[d="M12 17h.01"] {
    animation: wiggleEffect 0.5s ease-in-out;
}

@keyframes wiggleEffect {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(-10deg); }
    50% { transform: rotate(10deg); }
    75% { transform: rotate(-10deg); }
    100% { transform: rotate(0deg); }
}