[英]jQuery Easing Animation
Maybe some CSS
and some jQuery
addclass may help? 也许一些
CSS
和一些jQuery
addclass可能会有所帮助? https://jsfiddle.net/moongod101/s4L1909p/ https://jsfiddle.net/moongod101/s4L1909p/
Looking at the animation you posted as an example, you can animate the input without using jQuery. 以您发布的动画为例, 无需使用jQuery就可以对输入进行动画处理。
In fact - never use jQuery for animations, as it's very inefficient. 实际上-永远不要将jQuery用于动画,因为它效率很低。
Still - animating the input can be done like in this fiddle 仍然-可以像这个小提琴一样对输入进行动画处理
input.anim{
display:block;
margin:3rem auto;
animation: showExtend 1.2s cubic-bezier(.25,1.52,.59,.9) forwards;
}
@keyframes showExtend{
from{
transform: translate(0%, -5000%) rotate(35deg) scale(1,.1);
}
50%{
transform: translate(0%, 15%) rotate(15deg) scale(1,.5);
}
to{
transform: translate(0,0) rotate(0deg) scale(1,1);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.