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://png.pngtree.com/png-clipart/20201225/ourmid/pngtree-age-reduction-tie-hair-style-hand-drawn-cartoon-elements-png-image_2593234.jpg)
Age Reduction Artifact PNG, Vector, PSD, and Clipart With
![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://i.stack.imgur.com/IyHO3.png)
css - Weird artifacts on Safari when using -webkit-background-clip
![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://media.istockphoto.com/id/1430953976/vector/vector-snow-snow-png-snow-on-an-isolated-transparent-background-snowfall-blizzard-winter.jpg?s=612x612&w=0&k=20&c=RpNl88MOSLqfHNcWB3QZrOO4GBwtlcfnPBLTVOY4fOs=)
620+ Snow Background Png Stock Illustrations, Royalty-Free Vector
![css - Weird artifacts with transparent png background-image in](https://i.stack.imgur.com/pATq1.png)
css - Set opacity of background image without affecting child
![css - Weird artifacts with transparent png background-image in](https://www.freecodecamp.org/news/content/images/2021/09/zero-opacity.png)
Transparent Background – Image Opacity in CSS and HTML
![css - Weird artifacts with transparent png background-image in](https://global.discourse-cdn.com/webflow1/original/4X/4/9/4/49491b43c2b906f71739daa24b2ba4b8376d680f.png)
Weird artefacts on transparent borders of buttons in normal state
![css - Weird artifacts with transparent png background-image in](https://global.discourse-cdn.com/webflow1/optimized/4X/c/d/3/cd3792d50d19b3d76867abcd49143821fb8ad160_2_301x499.png)
Weird artefacts on transparent borders of buttons in normal state
![css - Weird artifacts with transparent png background-image in](https://blog.logrocket.com/wp-content/uploads/2022/12/Guide-image-overlays-CSS.png)
Guide to image overlays in CSS - LogRocket Blog
![css - Weird artifacts with transparent png background-image in](http://www.itnonline.com/sites/default/files/field/image/LARGE_CT_Treatment_Planning_Metal_Artifact_Reduction_from_Glide_Hurst.png)
Advances in CT to Enhance Radiation Therapy Planning
![css - Weird artifacts with transparent png background-image in](https://media.springernature.com/m685/springer-static/image/art%3A10.1038%2Fs41378-022-00430-x/MediaObjects/41378_2022_430_Figa_HTML.png)
Multilayer CVD graphene electrodes using a transfer-free process
![css - Weird artifacts with transparent png background-image in](https://preview.redd.it/hyprland-frosted-glass-everywhere-v0-the69t86plaa1.png?auto=webp&s=ebad8dceb160cfb452d0d3bc63da483ffb75484f)
[Hyprland] Frosted Glass Everywhere : r/unixporn
from
per adult (price varies by group size)