curl --request POST \ --url https://api.iotools.cloud/v1/tool/css-aurora-blob-generator \ --header 'Authorization: Bearer <token>' \ --header 'Content-Type: application/json' \ --data ' { "baseColor": "#0f0f1e", "blur": "60", "blobCount": "2", "blob1Color": "#ff4d8a", "blob1X": "20", "blob1Y": "30", "blob1Size": "60", "blob2Color": "#5a3dff", "blob2X": "75", "blob2Y": "25", "blob2Size": "55", "animate": "", "animationDuration": "20" } '

{ "tool": "css-aurora-blob-generator", "tool_version": "1.0.1", "outputs": { "cssCode": ".aurora-bg {\n position: relative;\n background-color: #0f0f1e;\n overflow: hidden;\n isolation: isolate;\n}\n\n.aurora-bg::before {\n content: \"\";\n position: absolute;\n inset: -20%;\n z-index: -1;\n filter: blur(60px);\n background-image:\n radial-gradient(circle, #ff4d8a 0%, transparent 70%),\n radial-gradient(circle, #5a3dff 0%, transparent 70%);\n background-repeat: no-repeat;\n background-position: 20% 30%, 75% 25%;\n background-size: 60% 60%, 55% 55%;\n}", "previewHtml": "<div style=\"position:relative;width:100%;height:220px;overflow:hidden;border-radius:12px;background-color:#0f0f1e;isolation:isolate;\"><div style=\"position:absolute;inset:-20%;filter:blur(60px);background-image:radial-gradient(circle, #ff4d8a 0%, transparent 70%), radial-gradient(circle, #5a3dff 0%, transparent 70%);background-repeat:no-repeat;background-position:20% 30%, 75% 25%;background-size:60% 60%, 55% 55%;\"></div></div>" }, "credits_used": 3, "credits_remaining": null }