Elysia Tools Docs
FR
Langue
ZHESPTRUFRDEEN
Retour au site
Parcourir les outils

Design

Générateur de snippets CSS glassmorphism / neumorphisme

Génère de bout en bout le snippet CSS glassmorphism ou neumorphisme complet : réglez flou, saturation, opacité de teinte, rayon, bordure, ombre extérieure et reflet supérieur ; en option superposition de grain SVG feTurbulence et repli @supports ; préfixe -webkit-backdrop-filter ajouté automatiquement (requis avant Safari 18) et correspondance des classes Tailwind (avec la note v3/v4), avec aperçu en direct de la carte sur fond dégradé.

html· Résultat HTMLOuvrir l'outil

Démarrage rapide

Appelez cet outil depuis votre code en trois langages.

cURL
curl -X POST 'https://api.elysiatools.com/fr/api/tools/glassmorphism-css-snippet-builder' \
  -H 'Content-Type: application/json' \
  -d '{"style":"glass","blurPx":12,"saturatePct":160,"tintColor":"#ffffff","tintAlpha":0.15,"radiusPx":16,"borderWidth":1,"borderAlpha":0.25,"shadowAlpha":0.12,"topHighlight":true,"noiseOverlay":true,"includeFallback":true,"neuBgColor":"#e0e5ec","neuDistance":9,"neuPressed":false,"neuDark":false}'

© 2026 Elysia Tools. Documentation développeur.

Retour au siteParcourir les outils

Référence de l'API

Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.

Point d'accès

HTTP
POST https://api.elysiatools.com/fr/api/tools/glassmorphism-css-snippet-builder

Paramètres

NomTypeRequisDescription
styleselectNon—
blurPxnumberNon—
saturatePctnumberNon—
tintColorcolorNon—
tintAlphanumberNon—
radiusPxnumberNon—
borderWidthnumberNon—
borderAlphanumberNon—
shadowAlphanumberNon—
topHighlightcheckboxNon—
noiseOverlaycheckboxNon—
includeFallbackcheckboxNon—
neuBgColorcolorNon—
neuDistancenumberNon—
neuPressedcheckboxNon—
neuDarkcheckboxNon—

Format de réponse

Résultat HTML

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Intégration MCP

Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.

Configuration du serveur

Ajoutez ce bloc à la configuration de votre client MCP :

mcp.json
{
  "mcpServers": {
    "elysiatools-glassmorphism-css-snippet-builder": {
      "name": "glassmorphism-css-snippet-builder",
      "description": "Génère de bout en bout le snippet CSS glassmorphism ou neumorphisme complet : réglez flou, saturation, opacité de teinte, rayon, bordure, ombre extérieure et reflet supérieur ; en option superposition de grain SVG feTurbulence et repli @supports ; préfixe -webkit-backdrop-filter ajouté automatiquement (requis avant Safari 18) et correspondance des classes Tailwind (avec la note v3/v4), avec aperçu en direct de la carte sur fond dégradé.",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=glassmorphism-css-snippet-builder",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Lister les outils disponibles

Après connexion au point d'accès SSE, listez les outils exposés :

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Appeler cet outil

Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "glassmorphism-css-snippet-builder",
    "arguments": {
  "style": "glass",
  "blurPx": 12,
  "saturatePct": 160,
  "tintColor": "#ffffff",
  "tintAlpha": 0.15,
  "radiusPx": 16,
  "borderWidth": 1,
  "borderAlpha": 0.25,
  "shadowAlpha": 0.12,
  "topHighlight": true,
  "noiseOverlay": true,
  "includeFallback": true,
  "neuBgColor": "#e0e5ec",
  "neuDistance": 9,
  "neuPressed": false,
  "neuDark": false
}
  }
}
Chaînez plusieurs outils dans une session avec une liste toolId séparée par des virgules, ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (20 max).

Des questions ou un problème ? Contactez [email protected]

Parcourir les outils
Ouvrir l'outil