css image color code example

Example 1: filter for css white color

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

Example 2: fliter css

/* URL to SVG filter */
filter: url("filters.svg#filter-id");

/* <filter-function> values */
filter: blur(5px);
filter: brightness(0.4);
filter: contrast(200%);
filter: drop-shadow(16px 16px 20px blue);
filter: grayscale(50%);
filter: hue-rotate(90deg);
filter: invert(75%);
filter: opacity(25%);
filter: saturate(30%);
filter: sepia(60%);

/* Multiple filters */
filter: contrast(175%) brightness(3%);

/* Use no filter */
filter: none;

/* Global values */
filter: inherit;
filter: initial;
filter: unset;

Example 3: how to add color to a image css

.box-2:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      background: rgba(125, 2, 150, 0.5);
      transition: background .3s linear;
}

    .box-2 {
      position: relative;
      float: left;
      cursor: pointer;
}

Example 4: fitler css for making white img

filter css for making white img