Nov 30 2011
CSS3 Reflection
Simple little CSS class to add a reflection that fades out underneath an element
.reflection{
-webkit-box-reflect: below 1px
-webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.75, transparent), to(white))
}
Works pretty well…
Just make sure you have enough space below…
Notice the reflection on the <p> tag above?
This also requires a webkit based browser, Google Chrome, Safari, iDevices, Androids, etc.