CSS filter Property
This Microsoft-proprietary property is used to apply visual effects to associated elements.
Syntax -
|
filter: filtername(filtervalues) ... filtername(filtervalues)
|
where filternames is one of the numerous filters shown in the following tables.
It is possible to have multiple filters.
They need to be separated by a space. The filters are processed in order. Always place transitions last.
Transitions are different from filters in that they toggle between two display blocks and the transition needs to be activated.
This is done through JavaScript by calling the Apply() function on the filter, updating the object’s visibility, and then calling play() on the filter.
Now we will see Example -
Example - Making image blur-
Output -
Example - Hue Rotate
Output -
Example - Multiple Filter Values
Output -
