Search
Search Code
Search Code by entering your search text above.
css
CSS Backdrop-Filter Blur: Add a Stunning Blur to Any Background Overlay (Too Easy!)

The backdrop-filter: blur() property in CSS allows you to apply a beautiful frosted glass effect to any overlay element, blurring whatever is behind it. This is perfect for modals, cards, navigation..

2:40 am, November 5, 2025
css
View
css
backdrop-filter: blur(10px);

just testing this filter

11:34 pm, May 25, 2021
css
View
javascript
clear a input field when it looses focus using onblur

this will cause the input field to clear when it is not in focus

10:56 pm, April 6, 2021
javascript
View
css
blur the background image while keeping the foreground normal

this one uses the ::before element to add a background and apply the blur filter to it, while allowing the foreground content to still be non blurry

5:28 am, March 26, 2021
css
View
css
adding background blur to an image using css fill screen

I had noticed this cool looking effect used on places like google, and other sites that display portrait images, i think i saw it on the google home as well or maybe google photos.  Its basicall..

5:23 am, February 19, 2021
css
View
Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

You could also follow me on twitter. I have a couple of youtube channels if you want to see some video related content. RuneScape 3, Minecraft and also a coding channel here Web Dev.

If you found something useful or like my work, you can buy me a coffee here. Mmm Coffee. ☕

❤️👩‍💻🎮

🪦 2000 - 16 Oct 2022 - Boots
Random Quote
“If you just sit and observe, you will see how restless your mind is. If you try to calm it, it only makes it worse, but over time it does calm, and when it does, there’s room to hear more subtle things. You see so much more than you could see before. It’s a discipline; you have to practice it.”
Steve Jobs
Random CSS Property

::target-text

Experimental: This is an experimental technologyCheck the Browser compatibility table carefully before using this in production.
::target-text css reference