css - Weird artifacts with transparent png background-image in
By A Mystery Man Writer
Description
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
![css - Weird artifacts with transparent png background-image in](https://wams.nyhistory.org/wp-content/uploads/2018/10/EA.24A.-Revolution-in-Art.-Zuni-Jar_NMAI.png.webp)
Revolution in Art - Women & the American Story
![css - Weird artifacts with transparent png background-image in](https://www.ibm.com/content/dam/connectedassets-adobe-cms/worldwide-content/creative-assets/ibs/ul/g/bd/82/Illustration-flat-style-Ready-Made-Art_MachineLearning.component.xl.ts=1710186272910.png/content/adobe-cms/us/en/topics/autoencoder/_jcr_content/root/leadspace)
What Is an Autoencoder?
![css - Weird artifacts with transparent png background-image in](https://www.freecodecamp.org/news/content/images/2021/09/image-in-devtools.jpg)
Transparent Background – Image Opacity in CSS and HTML
![css - Weird artifacts with transparent png background-image in](https://tympanus.net/codrops/wp-content/uploads/2021/10/GlassEffect.jpg?x71864)
Creating the Effect of Transparent Glass and Plastic in Three.js
![css - Weird artifacts with transparent png background-image in](https://img.freepik.com/premium-psd/bronze-roman-helmet-isolated-object-transparent-background_783299-4277.jpg)
Premium PSD A bronze roman helmet isolated object transparent
![css - Weird artifacts with transparent png background-image in](https://m.media-amazon.com/images/I/81Im30PQ1AL.jpg)
EMSCO Group Easter Island Head Statue – Natural
![css - Weird artifacts with transparent png background-image in](https://www.w3schools.com/css/img_lights.jpg)
CSS Image Opacity / Transparency
![css - Weird artifacts with transparent png background-image in](https://png.pngtree.com/element_our/20190602/ourmid/pngtree-cartoon-military-artifact-illustration-image_1405532.jpg)
Artifact PNG, Vector, PSD, and Clipart With Transparent Background
![css - Weird artifacts with transparent png background-image in](https://blog.logrocket.com/wp-content/uploads/2022/12/masking-images-css-mask-image-property.png)
Masking images in CSS with the mask-image property - LogRocket Blog
![css - Weird artifacts with transparent png background-image in](https://png.pngtree.com/png-clipart/20210902/ourmid/pngtree-antique-artifacts-png-image_3843015.png)
Artifact PNG, Vector, PSD, and Clipart With Transparent Background
![css - Weird artifacts with transparent png background-image in](https://media.dev.to/cdn-cgi/image/width=1600,height=900,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2F5hkaiu5y48v2p8tppbfz.png)
CSS: Fixing background color bleed in rounded corners - DEV Community
![css - Weird artifacts with transparent png background-image in](https://www.codeandweb.com/static/a39d83b241a2279eea4a215539511ac0/87706/artifacts%402x.png)
TexturePacker - Create Sprite Sheets for your game!
![css - Weird artifacts with transparent png background-image in](https://global.discourse-cdn.com/webflow1/optimized/4X/9/c/a/9cab0badc717bf5d13fb3eefa549d1a7c6c0d301_2_362x500.png)
Weird artefacts on transparent borders of buttons in normal state
from
per adult (price varies by group size)