css - Weird artifacts with transparent png background-image in

I'm trying to create a pattern with a png with a transparent background. It works fine both on Firefox and Safari, but on Chrome it's displaying with some white space in between. The code to repro

A Thing To Know about Gradients and Transparent Black

Redstone Ore – Minecraft Wiki

Guide to Transparent Backgrounds - Video & Music

CSS Image Opacity / Transparency

css - Set opacity of background image without affecting child

What Is an Artifact? Everything You Need to Know - ARTiFACTS

EMSCO Group Easter Island Head Statue – Natural

blur() - CSS: Cascading Style Sheets

Alpha compositing - Wikipedia