JavaScript Image Effects

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");


<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

  1. Reply tariq October 18, 2009 at 12:25 PM

    i like ur website because it provides very easy examples,,,,,,,,,,,,,,,

  2. Reply Golak Jena May 22, 2010 at 5:51 AM

    Your site is very nice and easy to understand…thankyou…

  3. Reply Patrick July 12, 2012 at 11:51 AM

    The simplicity of this script is funny yet interesting. I just tried it on one of my pictures and the result was amazing.

Leave a reply