实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
#div1
6
{
7
width:120px;
8
height:100px;
9
background-color:yellow;
10
border:1px solid black;
11
transform:rotateY(25deg);
12
-webkit-transform:rotateY(25deg); /* Safari and Chrome */
13
-moz-transform:rotateY(25deg); /* Firefox */
14
}
15
</style>
16
<script>
17
function rotate(value)
18
{
19
document.getElementById('div1').style.webkitTransform="rotateY(" + value + "deg)";
20
document.getElementById('div1').style.MozTransform="rotateY(" + value + "deg)";
21
document.getElementById('div1').style.transform="rotateY(" + value + "deg)";
22
document.getElementById('span1').innerHTML=value + "deg";