JavaScript Image Effects is a library that you can instantly create effects like rotate, blur, emboss & more.

Emboss Effect

Using such a library is very functional in situations where you may need to add an effect to lots of images, need to provide an interface to the users for creating effects & so.

How to use?

After inserting the imagefx.js file into your webpage, you have 2 options:

<script type="text/javascript" >
jsImageFX.doImage(document.getElementById("myimage"), "blur");
</script>

or

<img src="image.jpg" imagefx="blur" /> 

where both are very easy to apply.

Every image effect is not available in every browser and a comprehensive browser compatibility chart can be found in the website

WebResourcesDepot Feed