CSS data: URI CSS

Isang CSS snippet para sa CSS data: URI na sumasagot sa mga request sa /pixel.gif gamit ang empty GIF, na isang beses lang dine-decode sa startup.

CSS data: URI CSS

Path

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

Pinatakbo namin ang snippet na ito at ikinumpara ang mga byte na ibinalik nito.

Opisyal na site: CSS data: URI