-
HenryT
- -webkit-transition: -webkit-transform 1s linear;的作用是什么？
transition是动画过渡效果，这句的意义应该是，让transform动画具有过渡效果。
可能是你没注意
可以试试动态修改值，比如修改旋转角度，输入框直接输入90度，然后用js去修改。
- 2021-02-01 1回答·801浏览
-
qq_憨菜_04304784
- 用transelateZ能达到scale放大缩小的目的么？
- 已采纳 先天专治不服 的回答
这种放大效果是因为近大远小的原理
- 2017-03-05 1回答·1428浏览
-
慕粉3884565
- input type=“range”求解
range定义带有 slider 控件的数字字段。 就是视频中的那个滑块。
- 2016-09-02 1回答·1057浏览
-
冰虹嘻哈
- 用点击事件使事件归零
- 已采纳 学习吧牛犊子 的回答
$("#btn").click(function(){
num=0;
})
- 2016-05-12 1回答·1094浏览
-
qq_一生之久_0
- 这句话的作用是什么？
- 已采纳 yanan_luo 的回答
设置这个正方形的transform属性沿X轴或者Y轴或者Z轴的偏移大小
- 2016-04-12 1回答·1207浏览
-
qq_一生之久_0
- 少了最后的.value会有什么影响吗
- 已采纳 灵魂奔跑者3190532 的回答
获取id名叫translatex的标签里value值
- 2016-04-12 2回答·968浏览
-
qq_累港_0
- 我用谷歌浏览器和360，效果都不是连续的，怎么回事
仔细检查是不是哪里代码的大小写没注意
- 2016-03-26 5回答·1501浏览
-
qq_策马奔腾_0
- 浏览器上不能展现老师视频上的效果
已经解决了 看了下面的其他人的提问，触发的方法不同，改成onmousemove就可以了
- 2016-03-18 2回答·980浏览
-
孤独绅士
- 用什么软件来编程的
- 已采纳 至善笃行 的回答
WebStorm
- 2016-02-28 1回答·1169浏览
-
qq_LonelySpirit_0
- 滑竿的源代码
。。什么滑竿
- 2015-12-01 1回答·1327浏览
-
qq_说不定永远很容易_0
- 只能在代码内部改角度，不能滑竿控制
CSS3本来就是样式控制啊
- 2015-11-23 1回答·1541浏览
-
刘凯Zzzz
- 求代码怎么写，给我一份
<!DOCTYPE html>
<html>
<head>
<meta charset="GB18030">
<title>translate滑竿实现</title>
<style>
#experiment{
-webkit-perspective:800;
-webkit-perspective-origin:50% 50%;
-webkit-transform-style:-webkit-preserve-3d;
}
#block{
width:200px;
height:200px;
background-color:pink;
margin:0 auto;
-webkit-transition:background-color 3s;
}
#block:hover{
background-color:purple;
}
</style>
<script type="text/javascript">
function rotate(){
var x=document.getElementById("rotateX").value;
var y=document.getElementById("rotateY").value;
var z=document.getElementById("rotateZ").value;
document.getElementById("block").style.webkitTransform="rotateX("+x+"deg) rotateY("+y+"deg) rotateZ("+z+"deg)";
document.getElementById("degx-span").innerText=x;
document.getElementById("degy-span").innerText=y;
document.getElementById("degz-span").innerText=z;
}
</script>
</head>
<body>
<div id="experiment">
<div id="block"></div>
</div>
<center>
<div id="ksl">
<p>rotate x:<span id="degx-span">0</span>deg</p>
<input type="range" min="-360" max="360" id="rotateX" value="0" class="range-control" onmousemove="rotate()"/><br/>
<p>rotate y:<span id="degy-span">0</span>deg</p>
<input type="range" min="-360" max="360" id="rotateY" value="0" class="range-control" onmousemove="rotate()"/><br/>
<p>rotate z:<span id="degz-span">0</span>deg</p>
<input type="range" min="-360" max="360" id="rotateZ" value="0" class="range-control" onmousemove="rotate()"/><br/>
</div>
</center>
</body>
</html>
- 2015-08-19 1回答·1118浏览
-
TraC
- 为什么我看不到有透视效果
- 已采纳 ISE_Hyde 的回答
浏览器兼容的问题，目前貌似只有Chrome支持perspective属性
- 2015-05-08 3回答·1231浏览
-
Keyro
- 旋转不能实时显示，必须onchange时间完了之后才会看到效果
- 2014-12-29 4回答·1111浏览
-
iCnG
- Chrome浏览器不能实时显示变化
CSS 有兼容性。。要记住。加上 -webkit-
- 2014-12-16 1回答·1089浏览
-
grace_luo
- 求助 ：在opera浏览器中无3d效果
- 2014-12-11 3回答·1145浏览
-
风儿飘飘
- 滑竿的使用
- 2014-12-04 2回答·1531浏览
-
遗忘曾经
- 火狐里面怎么 z 移动没用？
- 2014-11-21 4回答·1327浏览
-
蜀山柚子
-
蚊子漫布
-
蚊子漫布
-
蚊子漫布
-
゛佐堓の祐啭ㄣ
-
HuangKai
-
一路彷徨
-
Leon_亮
-
Start
-
Start
-
Start
