The latest articles on DEV Community by Alex WordPress (@alex_wordpress_2398859323). https://dev.to/alex_wordpress_2398859323 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1632423%2F21eff453-7645-4f81-805f-245eabd74d42.png https://dev.to/alex_wordpress_2398859323 en Alex WordPress Sat, 15 Jun 2024 22:01:02 +0000 https://dev.to/alex_wordpress_2398859323/how-to-create-this-type-of-background-on-website-25m3 https://dev.to/alex_wordpress_2398859323/how-to-create-this-type-of-background-on-website-25m3 <p><a href="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx9ns8nfua9xp86u05don.png" class="article-body-image-wrapper"><img src="https://media.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fx9ns8nfua9xp86u05don.png" alt="Image description"></a></p> <p>It should work on cross all browsers, I can create it for Chrome, but on other browsers it doesn't work. </p> <p>I tried to create a div with linear-gradient or radial-gradient with filter blur and backdrop blur and it doesn't work. </p> <p>I'll appreciate if anyone can help with this simple problem. </p> css tailwindcss frontend help