İçeriğe geç
Utilerio
Tüm uç noktalar

CSS Gradient ve Gölge Oluşturucu

POST/api/v1/tools/css-gradient-shadow-generator

Doğrusal veya radyal bir gradient, ya da çok katmanlı bir box-shadow oluşturun, canlı önizleme ve kopyalanabilir CSS ile.

Kimlik Doğrulama

X-API-Key başlığında bir API anahtarı gerektirir.

Deneyin

POST/api/v1/tools/css-gradient-shadow-generator

Parametreler

modestringopsiyonel

Hangi CSS'in üretileceği. Varsayılan gradient.

gradientshadow
gradientTypestringopsiyonel

Gradyan şekli (mode=gradient). Varsayılan linear.

linearradial
angleintegeropsiyonel

Doğrusal gradyan için derece (mode=gradient). Varsayılan 0.

stopsstringopsiyonel

Gradyan durakları dizisi {color, position}, position 0-100 (mode=gradient).

layersstringopsiyonel

Gölge katmanları dizisi {x, y, blur, spread, color, inset} (mode=shadow).

İstek gövdesi

{
  "mode": "gradient",
  "gradientType": "linear",
  "angle": 90,
  "stops": [
    {
      "color": "#6366f1",
      "position": 0
    },
    {
      "color": "#ec4899",
      "position": 100
    }
  ]
}

Yanıt kodları

  • 200Başarılı.
  • 400Geçersiz istek — gövdenizi veya parametrelerinizi kontrol edin.
  • 401Eksik veya geçersiz API anahtarı.
  • 403API anahtarı bu uç nokta için yetkili değil.
  • 429Hız limiti aşıldı — kısa bir bekleme sonrası tekrar deneyin.

Dil

cURL

İstek

curl -X POST https://utilerio.com/api/v1/tools/css-gradient-shadow-generator \
  -H "X-API-Key: YOUR_KEY" \
  -H "Content-Type: application/json" \
  -d '{"mode":"gradient","gradientType":"linear","angle":90,"stops":[{"color":"#6366f1","position":0},{"color":"#ec4899","position":100}]}'

Yanıt

{ "css": "linear-gradient(90deg, #6366f1 0%, #ec4899 100%)" }