<div id="complete_example"></div>

<div id="e_example">
	<div class="palm-text-wrapper">
		
		<div class="palm-body-text" x-mojo-loc=''>
			A reflection is a mirror image of the original object, with its specific transform and mask.
		</div>
		
		<div class="palm-body-title" x-mojo-loc=''>
			Examples
		</div>
		
		<div class="palm-body-text" x-mojo-loc=''>
			An example of using <em>-webkit-box-reflect </em> property, to create a reflection below a photo.
		</div>	
		
		<div style="text-align:center">
			<img src="images/photo.jpg" alt="photo" style="-webkit-box-reflect:below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white)); margin-bottom:60px"/>
		</div>
			
	</div>
</div>

<div id="e_about">
</div>

<div id="e_html">
<img src="images/photo.jpg" id="photo" alt="photo" />	
</div>

<div id="e_css">
#photo {
	-webkit-box-reflect: below 2px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(white));
}
</div>