HTML and CSS Reference
In-Depth Information
Compatibility
CSS3 Proposed
Chrome 3+, Safari 3.1+
Notes
• WebKit supports this property as
-webkit-animation-timing-function
.
• If applicable, the timing function will reverse if
animation-direction
is set to
alternate
.
• Firefox 3.7 pre-releases show support for CSS transitions which are very related to
CSS animation. It is quite likely that a form of this property using the
-moz
prefix
may be supported in a Firefox browser by the time you read this.
backface-visibility
This property is used to indicate whether the backside of an element is visible if the element
is rotated to display the back.
Syntax
backface-visibility: hidden | visible
The default value is
visible
. When it is set to
hidden
, the element is not visible if it is not
facing the screen. When it is set to
visible
, it is always visible, which may mean you see
the reverse of an image.
Example
<img src="logo.gif" border="1" style="-webkit-transform: rotateY(125deg);
-webkit-backface-visibility: visible;">
Compatibility
CSS3
Chrome 3+, Safari 4+
Note
• WebKit supports this property as
-webkit-backface-visibility
, though at the
time of this edition's writing it is only available in the iPhone and the development
builds of Safari 4+.