1 <p>The following two filters have their historical origins in photography: photos were originally black and white or brownish sepia.</p>

2 <p>Colorless and sepia filters can be used to give your photos an “antique” look.</p>

3 <p>Colorlessness is assigned using grayscale. Valid values range from 0 to 1, and percentages range from0% to 100%. If the value is set to 0 or 0%, the element will be displayed unchanged.</p>

4 .effect { filter: grayscale(1); /* Full color removal */ filter: grayscale(50%); /* Removal of half of the colors */ }<p>Sepia is set using sepia. The valid values are the same as for grayscale.</p>

5 .effect { filter: sepia(1); /* Full sepia effect */ filter: sepia(25%); /* 25% sepia effect */ }