Rotate Spin Loader

A pure-CSS loader with pulse and fade effects, animating only GPU-friendly properties. Created by sonex-ICB on Uiverse.io.

What PasteMotion changed

Customisable properties (--speed) lifted by PasteMotion; original values kept as fallbacks.
Reduced-motion fallback added by PasteMotion.
Element is not visible with reduced motion enabled; reduced-motion badge withheld.

WidthFull

Code

index.html

<!-- "Rotate Spin Loader" by sonex-ICB on Uiverse.io · MIT License · https://uiverse.io/sonex-ICB/hungry-cougar-91 -->
<div class="loader"></div>

Paste the HTML where the animation should appear.
Add the CSS to your stylesheet. PasteMotion has already scoped any global rules to the element.
Adjust the custom properties (--speed) on .loader to restyle it without touching the rest.