Webkit CSS Reflections

On April 2008 the webkit.org website posted a really cool feature in the webkit browsers.

CSS Reflections

It allows you to create a image or text reflection with CSS.

Hell, How?

Using:

  • -webkit-box-reflect

You can also add -webkit-gradient This will create a nice gradient in the reflection.

Code

Example

Image

Supported Browsers

Safari and Chrome

Why now June 2010 we can not see it in Firefox 3.6 or IE8?

2 Responses to “Webkit CSS Reflections”

  1. JMLeon June 15, 2010 at 11:00 am #

    It’s awesome and you can combine it with jQuery or something to make amazing effects, sad that it’s not standard.

    • quicoto June 15, 2010 at 11:03 am #

      But I don’t understand it’s been 2 years since they released this 😕

Leave a Reply

Add <code> Some Code </code> by using this tags.