京东自营 618 + 国补 iPhone 历史最低价
html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<style>5
#div16
{7
position: relative;8
height: 200px;9
width: 200px;10
margin: 50px;11
padding:10px;12
border: 1px solid black;13
}14
15
#div216
{17
padding:50px;18
position: absolute;19
border: 1px solid black;20
background-color: red;21
transform: rotateX(45deg);22
-webkit-transform: rotateX(45deg); /* Safari and Chrome */23
}24
</style>25
<script>26
function changePersp(value)27
{28
document.getElementById('div1').style.webkitPerspective=value;29
document.getElementById('persp').innerHTML=value;30
}31
32
function changeOrgPersp()33
{34
var x=document.getElementById('operspx').value;35
var y=document.getElementById('operspy').value;36
document.getElementById('div1').style.webkitPerspectiveOrigin=x + '% ' + y + '%';37
document.getElementById('opersp').innerHTML=x + "% " + y + "%"; 38
}39
</script>40
</head>41
42
<body onload="changePersp(200);updateOrigPerpective()">43
44
<div id="div1">45
<div id="div2">HELLO</div>46
</div>47
48
Change perspective:<br>49
<input type="range" min="45" max="5000" value="200" onchange="changePersp(this.value)" /><br>50
webkit-perspective: <span id="persp"></span>;<br>51
<br>52
Change the Origins:<br>53
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java