make image black and white in css code example

Example 1: how to do a background blur in css

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

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

backdrop-filter: blur(10px);

Example 2: filter for css white color

.custom-2 {
  filter:  brightness(0) invert(1);
}

Example 3: css image filter black and white

-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

Example 4: putting picture shaddow in css

.image{
  box-shadow: 0px -10px 30px #ccc;
}