.da-ring-half-ring-normal
Ring · Half Ring · Normal
Loaders / Ring. Loops until you remove the class. Adjust the timing, then copy it as CSS, a preprocessor mixin, an ES module, a custom element or a Tailwind class.
Loaders animation, 1 s, cubic-bezier(0.5, 0.15, 0.5, 0.85), repeats forever.
Details
- Category
- Loaders / Ring
- Class
- .da-ring-half-ring-normal
- Trigger
- On load
- Duration
- 1s
- Delay
- 0s
- Easing
- cubic-bezier(0.5, 0.15, 0.5, 0.85)
- Iterations
- infinite
- Infinite
- Yes
- Origin
- center
Snippets
ring-half-ring-normal.html
<link rel="stylesheet" href="https://cdn.htmltool.io/animations/1.0.0/css/animations/ring-half-ring-normal.min.css">
<div class="da-ring-half-ring-normal__ring da-ring-half-ring-normal"></div>Press C while the code is focused to copy.