Blue Black Pattern

A pure-CSS pattern with gradient and spin effects, animating only GPU-friendly properties. Created by mobinkakei on Uiverse.io.

What PasteMotion changed

Customisable properties (--accent, --color-2, --color-3) lifted by PasteMotion; original values kept as fallbacks.
Reduced-motion fallback added by PasteMotion.

WidthFull

Code

index.html

<!-- "Blue Black Pattern" by mobinkakei on Uiverse.io · MIT License · https://uiverse.io/mobinkakei/tidy-cheetah-71 -->
<div class="container"></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 (--accent, --color-2, --color-3) on .container to restyle it without touching the rest.
Reduced-motion users are covered: the animation calms down or stops when that setting is on.