curl --request POST \
  --url https://api.iotools.cloud/v1/tool/css-glitch-text-generator \
  --header 'Authorization: Bearer <token>' \
  --header 'Content-Type: application/json' \
  --data '
{
  "text": "GLITCH",
  "effect": "chromatic",
  "fontSize": "80",
  "fontFamily": "mono",
  "textColor": "#ffffff",
  "bgColor": "#222222",
  "glitchColor1": "#00ffff",
  "glitchColor2": "#ff00ff",
  "intensity": "4",
  "duration": "1.5"
}
'

{
  "tool": "css-glitch-text-generator",
  "tool_version": "1.0.1",
  "outputs": {
    "cssCode": ".io-glitch {\n  position: relative;\n  display: inline-block;\n  margin: 0;\n  padding: 0.2em 0.4em;\n  background-color: #222222;\n  color: #ffffff;\n  font-family: \"SFMono-Regular\", ui-monospace, \"Courier New\", monospace;\n  font-size: 80px;\n  font-weight: 700;\n  letter-spacing: 0.04em;\n  line-height: 1.1;\n  animation: io-glitch-chromatic 1.5s infinite linear alternate-reverse;\n}\n\n@keyframes io-glitch-chromatic {\n  0% {\n    text-shadow: 4px 0 #00ffff, -4px 0 #ff00ff;\n  }\n  20% {\n    text-shadow: -2px 0 #00ffff, 2px 0 #ff00ff;\n  }\n  40% {\n    text-shadow: 4px 0 #00ffff, -2px 0 #ff00ff;\n  }\n  60% {\n    text-shadow: -4px 0 #00ffff, 4px 0 #ff00ff;\n  }\n  80% {\n    text-shadow: 2px 0 #00ffff, -4px 0 #ff00ff;\n  }\n  100% {\n    text-shadow: 4px 0 #00ffff, -4px 0 #ff00ff;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .io-glitch {\n    animation: none;\n  }\n}",
    "htmlCode": "<div class=\"io-glitch\" data-text=\"GLITCH\">GLITCH</div>"
  },
  "credits_used": 3,
  "credits_remaining": null
}