CSS Reflections


 / Published in: CSS
 

  1. img {
  2. -webkit-box-reflect: below 4px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(white));
  3. }
  4.  

Report this snippet  

Comments

RSS Icon Subscribe to comments
Posted By: Nettuts on June 25, 2010

Refer here for a visual example of the effect: http://s3.amazonaws.com/nettuts/704_cssReflections/screenshot.jpg -- note that this is Webkit specific. (Chrome + Safari)

You need to login to post a comment.