curl --request POST \ --url https://api.iotools.cloud/v1/tool/css-section-divider-generator \ --header 'Authorization: Bearer <token>' \ --header 'Content-Type: application/json' \ --data ' { "shapeType": "slant", "slantDepth": "50", "width": "1200", "height": "200", "fillColor": "#464aff", "fillOpacity": "100", "bgColor": "#f5f5f5" } '

{ "tool": "css-section-divider-generator", "tool_version": "1.0.2", "outputs": { "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 200\" width=\"1200\" height=\"200\" preserveAspectRatio=\"none\">\n <rect width=\"1200\" height=\"200\" fill=\"#f5f5f5\"/>\n <g>\n <path d=\"M 0 200 L 0 0 L 1200 100 L 1200 200 Z\" fill=\"#464aff\"/>\n </g>\n</svg>", "css": ".section-divider {\n background-image: url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201200%20200%22%20width%3D%221200%22%20height%3D%22200%22%20preserveAspectRatio%3D%22none%22%3E%0A%20%20%3Crect%20width%3D%221200%22%20height%3D%22200%22%20fill%3D%22%23f5f5f5%22%2F%3E%0A%20%20%3Cg%3E%0A%20%20%3Cpath%20d%3D%22M%200%20200%20L%200%200%20L%201200%20100%20L%201200%20200%20Z%22%20fill%3D%22%23464aff%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E\");\n background-repeat: no-repeat;\n background-position: bottom center;\n background-size: 100% auto;\n}", "html": "<div class=\"section-divider\" style=\"line-height:0\">\n<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1200 200\" width=\"1200\" height=\"200\" preserveAspectRatio=\"none\">\n <rect width=\"1200\" height=\"200\" fill=\"#f5f5f5\"/>\n <g>\n <path d=\"M 0 200 L 0 0 L 1200 100 L 1200 200 Z\" fill=\"#464aff\"/>\n </g>\n</svg>\n</div>" }, "credits_used": 5, "credits_remaining": null }