JSFiddle

shadowphiar's public fiddles

  • Safari 16.4 parsing change

    "background-position: 10%" is not the same as "background-position: 10% 0%"

  • css sprite positioning

    The four boxes should look identical: the top row's background are a png, the bottom row an svg (but they are the same image) The background size is always 126 * the div width. On the left it is calculated as a percentage, on the right a calculated pixels value. In chrome the right boxes are off by a pixel or so. In Firefox the svg are drawn incorrectly. In Safari, the right boxes are off by a considerable margin (and different in the svg and png cases).

  • jk97ugw6

    No-Library (pure JS), HTML, CSS, JavaScript