Howto

How To Create Image Effect Using Html And Css

How To Create Image Effect Using Html And Css

Step1  Add Html

<img src=” specify your directory”/>

 

Step2  Add CSS

Graysclae example

img {

-webkit-filter: grayscale(100%); /* Safari 6.0 – 9.0 */

filter: grayscale(100%);

}

 

Blur Example

Apply a blur effect to all images:

img {

-webkit-filter: blur(5px); /* Safari 6.0 – 9.0 */

filter: blur(5px);

}

 

credit: http://www.w3schools.com/

 

 

 

 

 

 

 

 

 


P.S. Thanks for reading this far! If you found value in this, we’d really appreciate it if you recommend this post (by clicking the share buttons) so other people can learn!

Found this Howto helpful? Subscribe for more!

You may also learn:

Comments
To Top