# Inject Your Own CSS

A capture with your own CSS injected (css=body { filter: grayscale(100%) }): the page in black and white.

Source: https://docs.deepinfo.com/reference/lookup/screenshot/examples/css/

Last updated: 2026-09-24

---
`GET https://api.deepinfo.com/v1/lookup/screenshot?url=https%3A%2F%2Fwww.deepinfo.com&css=body%20%7B%20filter%3A%20grayscale(100%25)%20%7D`

A capture with your own CSS injected (css=body { filter: grayscale(100%) }): the page in black and white.

Example 1 of 2 in **Custom Styles** · [Screenshot Examples](/reference/lookup/screenshot/examples/) · endpoint: [Screenshot](/reference/lookup/screenshot/)

Tags: `param` `css` · `value` `https://www.deepinfo.com` · `value` `body { filter: grayscale(100%) }`

Asks for a capture with a CSS rule injected into the page (`css=body { filter: grayscale(100%) }`).

The rule is added on top of the page's own styles before the capture, so the page is captured in grayscale. Injected CSS is handy to hide what gets in the way (a chat widget, a sticky header) or to highlight an element. In the URL, the braces, spaces and `%` are encoded, as the request shows; for long CSS, use `css_url` or Screenshot (POST).

## Request

| Parameter | In | Value |
|---|---|---|
| `url` | query | `https://www.deepinfo.com` |
| `css` | query | `body { filter: grayscale(100%) }` |

```bash
curl 'https://api.deepinfo.com/v1/lookup/screenshot?url=https%3A%2F%2Fwww.deepinfo.com&css=body%20%7B%20filter%3A%20grayscale(100%25)%20%7D' \
  -H 'apikey: YOUR_API_KEY' \
  -H 'Accept: application/json'
```

## Response

### 200 · OK

`Content-Type: application/json; charset=utf-8` · `ratelimit-limit: 1` · `ratelimit-remaining: 0` · `ratelimit-reset: 1` · `x-ratelimit-limit-second: 1` · `x-ratelimit-remaining-second: 0` · `deepinfo-request-id: 5f0c6a8e-1b2d-4c3e-9f4a-7b8c9d0e1f2a`

```json
{
  "url": "https://www.deepinfo.com",
  "redirected_url": "https://www.deepinfo.com/",
  "check_date": "2026-09-24T08:39:35.184Z",
  "connection_status": "success",
  "screenshot_url": "https://diss-999.storage.googleapis.com/202609/24/www-deepinfo-com-LHPtzsvpZmxlYaD6JM2h1Cdl.jpeg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=<redacted>&X-Amz-Date=20260924T083935Z&X-Amz-Expires=604800&X-Amz-Signature=<redacted>&X-Amz-SignedHeaders=host&x-amz-checksum-mode=ENABLED&x-id=GetObject"
}
```

## Related Examples

- [A Custom User Agent](/reference/lookup/screenshot/examples/user-agent/)
- [Default Screenshot](/reference/lookup/screenshot/examples/default/)