This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
-webkit-box-reflect CSS property lets you reflect the content of an element in one specific direction.
Formal grammar: [ above | below | right | left ]? <length>? <image>?
Are keywords indicating in which direction the reflection is to happen.
Indicates the size of the reflection.
Describes the mask to be applied to the reflection.
|Feature||Firefox (Gecko)||Chrome||Internet Explorer||Opera||Safari|
|Basic support||Not supported||4.0||Not supported||15.0||4.0|
|Feature||Firefox Mobile (Gecko)||Android||IE Phone||Opera Mobile||Safari Mobile|
|Basic support||Not supported||2.1||Not supported||22.0 (Yes)||3.2 (Yes)|
See also The Apple documentation.
- The Webkit specification.
Lea Verou's article on reflection using CSS features on the standard track.