CSS data: URI CSS

Um snippet em CSS para CSS data: URI que responde às requisições para /pixel.gif com o GIF vazio, decodificado uma única vez na inicialização.

CSS data: URI CSS

Caminho

Arquivo: 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);
}

Executamos este snippet e comparamos os bytes que ele retornou.

Site oficial: CSS data: URI