元素摆动CSS

文章/答案/技术大牛

发布

1回答

html、css、css-animations

我用CSS做了一颗心，让它像往常一样每秒变小变大。但我注意到了这个奇怪的摆动，我并没有真的放在那里，看起来真的很痛苦。我意识到有几个可能的重复问题，但它们并没有真正的帮助。这是一个。

浏览 10提问于2018-12-16得票数 1

回答已采纳

4回答

创建像门一样打开的CSS3 3D旋转

html、css、css-animations、gsap

我正在尝试使用CSS3D动画来摆动一些元素，比如门。现在，我可以使用TweenMax库获得旋转效果，但它并不完全正确。我的元素在顶部旋转，而不是从内部旋转。 tl.add (TweenMax.to("#flip-me&qu

浏览 0提问于2016-03-13得票数 2

2回答

为什么window.onscroll落后于实际滚动？

javascript、jquery、css、html

我使用一个等价的代码来定位元素： my_element.css("top",$(window).scrollTop() + 50)问题是:在滚动过程中，元素不会保持不变。它来回摆动，好像onscroll事件没有滚动那么快地被调用。奇怪的是，有时它只是起作用。

浏览 2提问于2013-06-08得票数 1

1回答

悬停时的Swing元素动画

jquery、css、animation

我的目标是通过使用CSS和一些jQuery (当然应该在鼠标移出时停止)，仅在悬停时摆动项目。在互联网上搜索，我发现了当文档准备好时使用swing元素的代码()。

浏览 2提问于2013-03-29得票数 0

回答已采纳

1回答

导航栏中的文本/徽标在滚动时出现摆动/振动

javascript、jquery、html、css

然而，当我现在滚动它时，会导致导航栏内的徽标和其他元素摆动/振动。if (scrollTop > 50) { $('#nav').css110px"}); else { $('#logo').stop().animate({height: "70px"

浏览 11提问于2016-07-30得票数 0

回答已采纳

3回答

停止CSS在未知关键帧上平滑旋转动画

javascript、css、jquery-animate、css-animations

我有一个图像，使用CSS旋转动画摆动。我想平稳地停止它(当点击另一个元素时，将它放回原来的位置，但不会有紧张的停止感觉)。var css = { '-moz-animation-iteration-count

浏览 6提问于2015-06-08得票数 3

回答已采纳

1回答

第一次事件后悬停动画无法完全工作

jquery、animation、plugins、hover、mouseenter

我使用制作了一个动画，图像在悬停时来回摆动。我尝试过改变旋转、摆动和摆动计数变量，并试图使摆振函数与swing函数匹配，并更改摆摆的if/ the语句。什么都没用-我做错什么了？pendulum-parent').animate({rotate: initrotation}, 0, function () {

浏览 3提问于2013-07-23得票数 0

回答已采纳

1回答

这是来自摆动子序列的leetcode.com问题：如果连续数之间的差异严格地在正数和负数之间交替，则称为wiggle序列。第一个差异(如果存在的话)可以是正的，也可以是负的。一个元素少于两个元素的序列在小范围内是一个摆动序列。例如，是一个摆动序列，因为差异(6，-3,5，-7,3)是正负交替的。相反，不是摆动序列，第一个是因为它的前两个差异是正的，第二个是因为它的最后一个差是零。给定一个整数序列，返回最长子序列的长度，即摆动序列。子序列是通过从原始序列中删除一些<em

浏览 0提问于2018-01-23得票数 3

回答已采纳

1回答

摇摆jQuery缩略图滚动条CSS

jquery、css、jquery-ui

我正在开发一个缩略图滚动条：我觉得我已经尝试了所有的方法，但还是无法防止图像缩略图看起来不稳定。我认为这是一个CSS问题，因为默认的滚动条更小，并且不会摆动。

浏览 1提问于2012-09-01得票数 0

回答已采纳

1回答

使用css过渡和旋转时文本模糊

jquery、css、rotation、css-transitions、blurry

我的页面中有一个可摆动的div，上面有一个文本。我用css、rotate和jquery做摆动动画。你可以在这里看到 -webkit-backface-visibility: hidden; -webkit-transform-origin: 50%

浏览 5提问于2014-03-21得票数 0

2回答

CSS抖动/抖动效果

css、animation

-on悬停，摆动运动完全停止。-all过渡是平滑的。我尝试过使用-webkit-animation关键帧，但使用-webkit-动画-计时函数来缓解鼠标悬停时的过渡效果不起作用。此外，我还迷失在如何实现周期运动:摆动，停止，并再次摆动。如果你能指出正确的方向，我将不胜感激。

浏览 14提问于2016-07-01得票数 15

2回答

CSS/Javascript摆动框

javascript、html、css

我希望这样，如果用户用光标“撞”了它，盒子就会有轻微的反应和抽动(鼠标‘推’它的方向摆动)，然后来回摆动直到停止。菜单在div中，我需要内容保持在它们与菜单的相对位置(虽然我猜它是旋转的)。最好不是CSS。

浏览 2提问于2015-02-26得票数 0

回答已采纳

1回答

在速度较慢的计算机上，每秒遍历每个DOM元素40次会导致性能问题吗？

javascript、jquery、html、performance

setInterval(function(){ if ($(this).data("x")) }它在我的电脑上运行的很好--我担心的是:如果不进行优化，这段代码会不会对那些电脑性能较差的用户造成显著的性能下降，因为它每秒会遍历每个DOM元素注意:重点是让创建一个协调对象位置的函数变得更容易，例如：$(myObj).data("x&

浏览 2提问于2013-02-25得票数 1

2回答

添加unicode字符后文本更改高度

html、css、google-chrome、fonts

我有带文本内容的HTML元素。在CSS中，字体设置为sans-serif。文本通过JavaScript更新。有时仅包含ASCII字符，但有时包含"➜“字符。font-family: sans-serif;} 看起来这是因为使用了不同的字体来呈现"➜“字符： Arial—Local file

浏览 15提问于2016-08-11得票数 6

回答已采纳

1回答

为什么我的图像在悬停时摆动？

hover、css-transitions、shake

在Firefox上效果较慢，所以它可能与CSS过渡有关。

浏览 2提问于2012-08-17得票数 2

回答已采纳

3回答

CSS超链接放置

css、firefox

这是一个webpage.It上的超链接的问题是一个CSS问题，不必要的样式被应用于该页面中的所有链接，因此当单击该链接时会观察到摆动效果。所有的超级链接在点击时似乎都会摆动(这不会发生在chrome上)，有些在点击时会上下移动，有些会移动很多。我知道这是一个css问题，但我不知道我需要纠正什么。

浏览 0提问于2011-12-21得票数 2

回答已采纳

1回答