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": "linear",
"stops": [
{
"id": "stop-1",
"color": "#FF3DA5",
"x": 10,
"y": 10,
"size": 55,
"opacity": 0.9,
"softness": 100,
"blendMode": "normal",
"angle": 0
},
{
"id": "stop-2",
"color": "#FF7A45",
"x": 70,
"y": 60,
"size": 50,
"opacity": 0.85,
"softness": 100,
"blendMode": "normal",
"angle": 120
},
{
"id": "stop-3",
"color": "#0A1228",
"x": 50,
"y": 95,
"size": 80,
"opacity": 0.9,
"softness": 100,
"blendMode": "normal",
"angle": 240
}
],
"aspectRatio": "21 / 9",
"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