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
Our brains are wired to find things we are looking for - if your always cynical or waiting for things to go wrong, then your life will reflect that. On the other hand, having a positive outlook on life will bring you joy and provide you with inspiration when you least expect it ☀️🍉🌴
Unknown
Random CSS Property

invert()

The invert() CSS function inverts the color samples in the input image. Its result is a <filter-function>.
invert() css reference