efxFactory 0.1 BETA

The class efxFactory allows you to apply shadows or reflection to images. It uses the mootools library as support.

Shadow Factory

Using this effect, you can create a simple shadow on your images without using any image editor.

The sample bellow was created by calling efxFactory.shadow($("thumbShadow1"));.

big image

You can change the amount of shadow to create...

a smaller shadow with efxFactory.shadow($("thumbShadow2"),{amount:0.5});.

big image

or a bigger shadow with efxFactory.shadow($("thumbShadow2"),{amount:2});.

big image

You can even change the opacity of shadow to create a bigger shadow but more transparent with efxFactory.shadow($("thumbShadow4"),{amount:2, opacity:1/20});.

big image

You can also add a border to the image and change the shadow color using efxFactory.shadow($("thumbShadow5"),{borderColor:"#ffffff", color:"red"});

big image

Reflection Factory

With this effect, create simple image reflections.

efxFactory.reflect($("thumbRefect1"));

big image

You can change how the reflection looks, by setting opacity, distance or amount values.

efxFactory.reflect($("thumbRefect2"), {opacity:1/6});

big image

efxFactory.reflect($("thumbRefect3"),{distance:2});

big image

efxFactory.reflect($("thumbRefect4"),{amount:1/5});

big image

Suggestions

This is still under development so any suggestion or bug detection is appreciated. You can reach me here.

Download

here