CSS data: URI CSS

CSS data: URI için, /pixel.gif isteklerine başlangıçta bir kez çözülen boş GIF ile yanıt veren bir CSS örneği.

CSS data: URI CSS

Yol

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

Bu örneği çalıştırıp döndürdüğü baytları karşılaştırdık.

Resmî site: CSS data: URI