Css3 filter attributes

The effects of css3 filter can be added to the HTML5 video tag or the image.

Some attributes of css3 filter are applied to JS:

$ ('{Video'}.css ("-WebKit-filter", "sepia (100% )");

Certificate ('your video'apps.css ("-WebKit-filter", "Blur (3px )");

Certificate ('{video'}.css ("-WebKit-filter", "grayscale (50% )");

Certificate ('{video'}.css ("-WebKit-filter", "brightness (2.5 )");

Certificate ('{video'}.css ("-WebKit-filter", "contrast (5 )");

Certificate ('your video'apps.css ("-WebKit-filter", "Hue-rotate (180deg )");

Certificate ('{video'{.css ("-WebKit-filter", "Invert (100% )");

Certificate ('{video'}.css ("-WebKit-filter", "grayscale (100%) brightness (100%) contrast (100% )");
// Saturate (0, 250%)
// Grayscale (100%) brightness (10%) contrast (100%) black and white

Certificate ('{video'}.css ("-WebKit-filter", "saturate (3 )");

In CSS, you can also directly write the ID or class and then: {-WebKit-filter: sepia (100% );}

If you want to remove the filter, you can use:

Certificate ('{video'}.css ("-WebKit-filter", "NONE ");