@keyframes ani-q-1775215144836{0%{--y-0:76%;--c-0:hsla(354,71%,52%,1);--x-0:5%;--s-start-0:10%;--s-end-0:65%;--s-start-1:10%;--s-end-1:65%;--x-1:85.28480682576769%;--c-1:hsla(177,71%,52%,1);--y-1:85.58901434075342%;}100%{--y-0:54%;--c-0:hsla(277,88%,87%,1);--x-0:91%;--s-start-0:10%;--s-end-0:65%;--s-start-1:10%;--s-end-1:65%;--x-1:53.84001585447263%;--c-1:hsla(277,100%,50%,1);--y-1:19.969365368150687%;}}@property --y-0{syntax:'';inherits:false;initial-value:76%}@property --c-0{syntax:'';inherits:false;initial-value:hsla(354,71%,52%,1)}@property --x-0{syntax:'';inherits:false;initial-value:5%}@property --s-start-0{syntax:'';inherits:false;initial-value:10%}@property --s-end-0{syntax:'';inherits:false;initial-value:65%}@property --s-start-1{syntax:'';inherits:false;initial-value:10%}@property --s-end-1{syntax:'';inherits:false;initial-value:65%}@property --x-1{syntax:'';inherits:false;initial-value:85.28480682576769%}@property --c-1{syntax:'';inherits:false;initial-value:hsla(177,71%,52%,1)}@property --y-1{syntax:'';inherits:false;initial-value:85.58901434075342%}#q-1775215144836{--y-0:76%;--c-0:hsla(354,71%,52%,1);--x-0:5%;--x-1:85.28480682576769%;--c-1:hsla(177,71%,52%,1);--y-1:85.58901434075342%;background-color:hsla(0, 0, 0, 0);background-image:radial-gradient(circle at var(--x-0) var(--y-0), var(--c-0) var(--s-start-0), transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1), var(--c-1) var(--s-start-1), transparent var(--s-end-1));animation:ani-q-1775215144836 10s linear infinite alternate;background-blend-mode:normal,normal;will-change:transform,opacity;contain:paint;mask-image: radial-gradient(white 5%, transparent 5%), radial-gradient(white 5%, transparent 5%); mask-position: 0px 0px, 19px 19px; mask-size: 38px 38px;}

Gradient Masks

Linear: Create clean, directional cuts and split-tone effects.
Grid: Turn your mesh into a technical, &quot;blueprint&quot; style layout.
Polka: Add a retro-modern touch with customizable dot patterns.