Posted By

Nettuts on 06/25/10


Tagged


Versions (?)

Who likes this?

20 people have marked this snippet as a favorite

stefanszoltysek
Hollow
d55beck
Orlandoo
adrianspiegel
laurentzziu
seanpowell
wdeer
steviraab
clementcollier
kwameboame
takel
baczoni
moopee1176
yupui
qubestream
SevenLayersDesign
wirenaught
leobetosouza
firstpass


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.