Mesh Terracota

Mesh radial cálido con terracota, lima y petrol.

Mesh gradient con tres stops radiales. Útil para hero de landing tipo aGo lab. CSS puro, sin imagen ni librería.

herocálidoagolabradial

Probar en aGo CSS Gradient ↗

§ ESTADO

Configuración JSON

El estado se aplica a la tool cuando abres "Probar". Lo dejamos visible aquí para usuarios power que quieren modificarlo.

{
  "mode": "radial",
  "stops": [
    {
      "id": "stop-1",
      "color": "#FF4E2B",
      "x": 20,
      "y": 25,
      "size": 60,
      "opacity": 0.95,
      "softness": 100,
      "blendMode": "normal",
      "angle": 0
    },
    {
      "id": "stop-2",
      "color": "#D6FF3D",
      "x": 75,
      "y": 35,
      "size": 55,
      "opacity": 0.85,
      "softness": 100,
      "blendMode": "normal",
      "angle": 120
    },
    {
      "id": "stop-3",
      "color": "#0A1228",
      "x": 50,
      "y": 90,
      "size": 70,
      "opacity": 0.9,
      "softness": 100,
      "blendMode": "normal",
      "angle": 240
    }
  ],
  "aspectRatio": "16 / 9",
  "animate": false
}

§ TOOL

Sobre aGo CSS Gradient

Crea mesh gradients CSS animables listos para copiar.

Abrir aGo CSS Gradient ↗

¿Quieres ver todos los presets?

Tenemos 25 a la mano. Filtra por tool, categoría o tag.

Ver hub completo

Mesh Terracota

Sunset Petrol

Lime Acid

Paper Minimal

Dark Glow

¿Quieres ver todos los presets?