- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我想这适用于摆动或弹跳。 another post 中有关如何使物体摆动的示例,发布此代码的位置:http://jsfiddle.net/gVCWE/149/
如何让摆动减慢直至停止?
.box{
width:50px; height:50px;
background: yellow;
border: 1px solid black;
margin:100px;
position: relative;
float: left;
-moz-animation: 3s ease 0s normal none infinite swing;
-moz-transform-origin: center top;
-webkit-animation:swing 3s infinite ease-in-out;
-webkit-transform-origin:top;
}
@-moz-keyframes swing{
0%{-moz-transform:rotate(-3deg)}
50%{-moz-transform:rotate(3deg)}
100%{-moz-transform:rotate(-3deg)}
}
@-webkit-keyframes swing{
0%{-webkit-transform:rotate(-3deg)}
50%{-webkit-transform:rotate(3deg)}
100%{-webkit-transform:rotate(-3deg)}
}
我也想做其他的“惯性效应”。如果有必要,我不介意使用 JavaScript 或 JQuery。我觉得单独使用 CSS 或关键帧不足以完成我想做的事情。
我可以使用 setInterval 并执行如下操作:
function prepareAnimation()
{
setInterval(slowAnimation, 200)
}
function slowAnimation()
{
speed=$(".box").getSpeed(); // how would I write getSpeed?
if(speed<=0) return;
speed = speed - .1;
$(".box").setSpeed(speed); // how would I write setSpeed (degree would be set in here too)?
}
我不知道通过脚本更改动画属性的最佳方法。尤其是当涉及到在动画中间更改持续时间时,我不确定这是否可能。谢谢。
最佳答案
http://jsfiddle.net/gVCWE/150/
(function swing() {
var ang = 20,
dAng = 1,
dir = 1,
box = document.getElementById("box");
(function setAng(ang){
box.style.WebkitTransform = 'rotate('+ang+'deg)';
box.style.MozTransform = 'rotate('+ang+'deg)';
dir = -dir;
if (Math.abs(ang) > 0)
setTimeout(setAng, 1000, dir * (Math.abs(ang)-dAng));
})(ang);
})();
CSS
.box{
width:50px; height:150px;
background: yellow;
border: 1px solid black;
margin:100px;
position: relative;
float: left;
-moz-transition:-moz-transform 1s ease-in-out;
-moz-transform-origin: center top;
-webkit-transition:-webkit-transform 1s ease-in-out;
-webkit-transform-origin:top;
}
您可以通过使 ang
和 dir
的初始值为负数来切换初始方向。您可以通过增加dAng
的值使“摆动”速度变慢,但它应该是ang
的一个因素。
关于jquery - 使摆动(或弹跳)效果变慢,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13295143/
如何实现模拟钟摆运动的 UIView(在本例中为 ImageView )的动画?我希望它从左向右摆动并重复。 最佳答案 [UIView animateKeyframesWithDuration:0.3
我有一个图像按钮,我想在触摸它时摇动/摆动。我希望它以类似于 iPhone 应用程序图标的方式摆动,当它们被按下很长时间时。 谢谢! 最佳答案 尝试使用这个: 关于androi
我已经在互联网上搜索了一段时间,没有任何解决方案。我想知道的是如何在 OpenGL(或 DirectX)中的 3D 相机中实现摆动/摆动运动,就像您在 Minecraft、使命召唤等中找到的那样。我试
关闭。这个问题需要更多focused .它目前不接受答案。 想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post . 关闭 6 年前。 Improve this qu
我正在尝试创建一个带有振荡弦和质量的钟摆,预计会振荡一段时间然后停止。从我写的来看,质量无法停止振荡。请帮助我。 import pyglet import pymunk imp
我正在尝试实现我自己的色轮选择器,我正在使用 this color wheel , 作为基础。我(终于)成功地添加了 RGB slider 。因此,现在当您更改色轮颜色时,RGB slider 会动态
我正在尝试针对 iPhone 优化我们的新闻页面。我注意到的一个问题是我能够点击并水平移动页面(即摆动)。 我的问题是,如何防止这种水平移动发生? 我们所有的新闻页面都有这个问题。这里有几个例子: W
我创建了一个如下所示的 anim.xml 文件来像在 android 中晃动 IOS 图标一样晃动 imageview。但是它并没有为我提供相同的结果。有没有更好的办法? 最佳答案 尝试设置 an
我想使用 setComponentPopupMenu()。但是 Scala.Swing.Component 似乎没有所有 JComponent 方法,尽管文档中引用了 javax.swing.JCom
http://eusville.com/eusVote/1/baltimore-sushi 点击“添加评论/评分”按钮。当评论框向下滑动时,页面会摆动。我很困惑。谷歌搜索但找不到解决方案。 奇怪的是问
我是一名优秀的程序员,十分优秀!