编程狮在线代码实例

Tab
<>
""
''
()
{}
[]
/
:
;
?
,
.
$
输入
运行
xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>W3Cschool教程(w3cschool.cn)</title> 
<style>
div
{
  position:relative;
  height:60px;
  width:60px;
  background-color:red;
  transform:rotateY(180deg);
  -webkit-transform:rotateY(180deg); /* Chrome and Safari */
  -moz-transform:rotateY(180deg); /* Firefox */
}
#div1
{
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
}
#div2
{
  -webkit-backface-visibility:visible;
  -moz-backface-visibility:visible;
  -ms-backface-visibility:visible;
}
</style>
</head>
<body>
<p>这个例子显示了两个div元素,旋转了180度, 转向远离用户的方向</p>
<p>第一个div元素backface-visibility属性设置为 "hidden", 因此应该是看不见的。.</p>
​
<div id="div1">DIV 1</div>
​
<div id="div2">DIV 2</div>
​
<p><b>注意:</b> 该属性只兼容 IE 10, Firefox, Chrome和 Safari.</p>
​
</body>
</html>
实例代码
运行结果