Preview esquemático del preset.
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": "#D6FF3D",
"x": 30,
"y": 30,
"size": 55,
"opacity": 0.95,
"softness": 100,
"blendMode": "normal",
"angle": 0
},
{
"id": "stop-2",
"color": "#00D9E6",
"x": 70,
"y": 70,
"size": 60,
"opacity": 0.85,
"softness": 100,
"blendMode": "normal",
"angle": 120
},
{
"id": "stop-3",
"color": "#0A1228",
"x": 50,
"y": 110,
"size": 90,
"opacity": 0.9,
"softness": 100,
"blendMode": "normal",
"angle": 240
}
],
"aspectRatio": "1 / 1",
"animate": false
} 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