CSS Image Effects Code Generator

Below is an Image Effects Code Generator. Choose the image filters based on your preference before you generate the CSS code. All pictures/images on your Friendster profile page will be influenced by the filters you choose.

Note: Alpha filter works on both IE and Firefox, other CSS Filters only work on IE.

 
Example effects
Normal
Normal Alpha 50% - Alters the opacity of the objects
Style 1 Alpha 50% - Alters the opacity of the objects
Style 2 Alpha 50% - Alters the opacity of the objects
Style 3 Alpha 50% - Alters the opacity of the objects
Blur - Motion blur effect
Fliph - Creates horizontal mirror image of the objects
Flipv - Creates vertical mirror image of the objects
Grayscale - Shades to gray
xRay - Grayscales and flattens the color depth
Invert - Change to the opposite colors
Wave - Wave distortion effect
Pixelate - Transforms to squares

 
Choose CSS image effects/filters
Image effect on mouse off Image effect on mouse hover