{
  "$type": "site.standard.document",
  "description": "Original Codepen set up a vibrant radial gradient in each corner and adjusts their size so their color crossover created a swirly effect. The animated version uses @property to interpolate each radial gradients position and adds a radial gradient size slider, so you can find othe…",
  "path": "/swirling-animated-4-corner-radial-gradient-with-@property",
  "publishedAt": "2023-10-17T20:38:44.073Z",
  "site": "at://did:plc:jnj7wcwuvspxdsipmecmx7rs/site.standard.publication/self",
  "tags": [
    "note",
    "css"
  ],
  "textContent": "Original Codepen set up a vibrant radial gradient in each corner and adjusts their size so their color crossover created a swirly effect. The animated version uses @property to interpolate each radial gradients position and adds a radial gradient size slider, so you can find other swirly moments of your own.",
  "title": "Swirling Animated 4 Corner Radial Gradient With @Property"
}