案例:CSS3 案例     状态:可编辑再运行    进入横版
AخA
<p><b>注释:</b>本例只在 Internet Explorer 10、Firefox、Chrome 以及 Safari 中有效。</p>
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
div
6
{
7
position:relative;
8
height:60px;
9
width:60px;
10
border:1px solid #000;
11
background-color:yellow;
12
transform:rotateY(180deg);
13
-webkit-transform:rotateY(180deg); /* Chrome and Safari */
14
-moz-transform:rotateY(180deg); /* Firefox */
15
}
16
#div1
17
{
18
-webkit-backface-visibility:hidden;
19
-moz-backface-visibility:hidden;
20
-ms-backface-visibility:hidden;
21
}
22
#div2
23
{
24
-webkit-backface-visibility:visible;

 运行结果 
 北美留学生论坛