Css blur

How to blur background color in css

background: rgba(255,255,255,0.5);
backdrop-filter: blur(5px);

/* Answer to "blur behind element css" */

/*
	This blurs everything behind the element it's applied to
*/

backdrop-filter: blur(10px);

.image {
filter: invert(1);
 }

.mydiv { filter: grayscale(50%) }

/* Graut alle Bilder um 50% aus und macht sie um 10px unscharf */
img {
  filter: grayscale(0.5) blur(10px);
}

/* Add the blur effect in CSS */
  filter: blur(8px);
  -webkit-filter: blur(8px);

filter: blur(8px);
 -webkit-filter: blur(8px);

Similar codes

3 votes172 views2 answers
Css text color border
CSS
2 votes208 views1 answer
Transfrom rotate
CSS
85 votes173 views6 answers
Color code green
CSS
36 votes174 views6 answers
Gradient text
CSS
49 votes266 views5 answers
How to remove bullets from ul
CSS
0 vote168 views1 answer
How to make two different animations to one element css
CSS
0 vote195 views1 answer
$scope.$apply
CSS
0 vote169 views1 answer
Iphone CSS
CSS
3 votes267 views1 answer
Hcss change highlight color
CSS
3 votes177 views2 answers
Make image not draggable css
CSS