Breaking News: Grepper is joining You.com. Read the official announcement!

apply filter on image html css

mukashwasti_ answered on February 15, 2023 Popularity 10/10 Helpfulness 4/10

answer apply filter on image html css

apply filter on image html css

Comment

body {
    background-color:#03030a;
    min-width: 800px;
    min-height: 400px
}
img {
    width:20%;
    float:left; 
     margin:0;
}
/*Filter styles*/
.saturate { filter: saturate(3); }
.grayscale { filter: grayscale(100%); }
.contrast { filter: contrast(160%); }
.brightness { filter: brightness(0.25); }
.blur { filter: blur(3px); }
.invert { filter: invert(100%); }
.sepia { filter: sepia(100%); }
.huerotate { filter: hue-rotate(180deg); }
.rss.opacity { filter: opacity(50%); }

Popularity 10/10 Helpfulness 4/10 Language html

Source: stackoverflow.com

Tags: apply css filter html image

Link to this answer
Share Copy Link