HOLLA TECH - LEARN

Using Multiple CSS Filters
 

Multiple CSS filters can be used together by separating them with spaces.
The following code demonstrates the use of the blur and the hue-rotate functions: 

.filtered {
  filter: blur(5px) hue-rotate(180deg);
}

 

Another Example:

.filtered {
  filter: saturate(30%) drop-shadow(5px 9px 2px gray) blur(1px);
}

 

Another example from the 19th century:

.filtered {
  filter: brightness(150%) sepia(100%);
}

 

TASK:
Play around with the outputs on a text editor, and also paste your codes on the HT-Learn CSS social network. 

BACK NEXT

CLICK ON THE BUTTON BELOW TO GO TO THE CSS MAIN COURSE PAGE. 

CSS MAIN COURSE PAGE

 


© License: All Rights Reserved 


CONTACT HOLLA TECH – LEARN SUPPORT