W3.CSS Effects

Today we know about Effects of CSS

So Start,

W3.CSS Effects

Here we add Efects  in img there are many type to inset effects most use full is

Opacity

Basically Opacity is (The w3-opacity classes add transparency to an element:

We use different Tags in this leacture

There are same Exp:

<img src="img.jpg" class="w3-opacity-min">
<img src="img.jpg" class="w3-opacity">
<img src="img.jpg" class="w3-opacity-max">

Next is 

Grayscale

The w3-grayscale classes add a grayscale effect to an element:

There are same Exp of this typs:

<img src="img.jpg" class="w3-grayscale-min">
<img src="img.jpg" class="w3-grayscale">
<img src="img.jpg" class="w3-grayscale-max">

Next

Sepia

The w3-sepia classes add a sepia effect to an element:

There are same Exp of this typs:

<img src="img.jpg" class="w3-sepia-min">
<img src="img.jpg" class="w3-sepia">
<img src="img.jpg" class="w3-sepia-max">

Last

Hover Effects

You can also add special effects on hover/mouse-over.

There are same Exp of this typs:

<img src="img.jpg" class="w3-hover-opacity">
<img src="img.jpg" class="w3-hover-grayscale">
<img src="img.jpg" class="w3-hover-sepia">