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. }

Report this snippet  


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.