Home arrow Extras arrow Image Reflection
OrangeBlueGreen BigMediumSmall GreenOrange
Image Reflection PDF Print E-mail
Written by Administrator   
Friday, 30 November 2007

Equalizer comes with build in image reflection. No need for image editing , simply apply class ="reflect" to your image.

 

 

Varying the Height
You can vary the height of a reflection by adding rheight followed by the desired height in percent to the CSS class list.

To use a reflection 33% the height of the original image:

class="reflect rheight33" 

Example: 

 

 

Varying the Opacity
You can vary the opacity of a reflection by adding ropacity followed by the desired opacity in percent to the CSS class list.

To use a reflection with 30% opacity:

class="reflect ropacity30"
Example:

 



 

Supported Browsers
Internet Explorer 5.5+
Mozilla Firefox 1.5+
Opera 9+
Safari 2+ 

 

 

Note: Due to latest Firefox bug , image reflection will not work until new update is released. The update is scheduled for 11/30/2007  

 

credits

cow.neondragon.net

 

Last Updated ( Friday, 30 November 2007 )
 
Next >