CSS data: URI CSS

Ein CSS-Snippet für CSS data: URI, das Anfragen an /pixel.gif mit dem leeren GIF beantwortet, das einmal beim Start dekodiert wird.

CSS data: URI CSS

Pfad

Datei: styles.css

:root {
  --empty-gif: url("data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

/* e.g. a transparent click target or a background placeholder */
.spacer {
  background-image: var(--empty-gif);
}

Wir haben dieses Snippet ausgeführt und die zurückgegebenen Bytes verglichen.

Offizielle Website: CSS data: URI