CSS动画-上下移动的Divs之间的动态曲线

文章/答案/技术大牛

发布

2回答

css、animation、css-animations

我有一个CSS动画上下移动的圆点，但是我想在它们之间画一条动态曲线来创建"Curved“类型的外观(图表不是实际的最终目标，只是视觉效果)。我将如何实现这一点？span></li> <li>&

浏览 28提问于2019-01-15得票数 0

1回答

如何在Javascript中使用@Keyframe

javascript、css

因为我想让动画在css中开始，但在90%，我希望它发生在Javascript中。因此动画将继续，并且在js动画开始之前不会停止。

浏览 3提问于2021-09-05得票数 0

2回答

随着内容大小的变化，左浮动DIVs的动画重新定位

javascript、css、css-float、css-animations

我有一些左浮动，固定宽度的DIVs。当窗口的大小增加，更多的DIVs适合一行时，DIVs立即被重新定位。我想知道是否有一种方式来动画的重新定位，使用户更容易跟随一个特定的框，看看它移动到-最好只有CSS。class="box"></div><d

浏览 3提问于2013-07-29得票数 2

1回答

iOS动画Bezier/正弦曲线

ios、objective-c、core-animation

我希望在iOS的循环上动画单线贝塞尔曲线。我脑海中的想法类似于iPhone 4在Siri之前的语音控制屏幕。曲线不需要对任何东西做出反应。音频，麦克风等。它只需要从屏幕左循环到屏幕右，并改变曲线的幅度。我需要知道如何设置实际曲线的动画，使其看起来像是在移动，而不仅仅是上下移动。

浏览 1提问于2013-07-09得票数 4

回答已采纳

1回答

Unity3d沿复杂曲线移动对象

animation、unity3d

我正在用unity3d制作复杂曲线上移动物体的动画(曲线点不是静态的(动态点))，最简单的方法是什么？

浏览 3提问于2013-08-28得票数 0

1回答

iOS在CSS/JS中重新创建的“背景中打开”动画

javascript、ios、css、animation、web-applications

当您打开背景中的链接时，我正在寻找一种重新创建iOS safari动画的方法(该项目将一个快速的动画跳到您可以从其中获得的位置)--该动画也出现在OSX的“保存到阅读列表”中。有人知道如何在CSS/JS中为我正在开发的一个基于web的应用重新创建这个动画/效果吗?或者看到了一个库/tut，它对此有帮助吗？谢谢

浏览 4提问于2013-12-03得票数 0

回答已采纳

2回答

给定两个点的贝塞尔轨迹曲线动画的iOS计算控制点

ios、animation、core-animation、uiviewanimation、uiviewanimation-curve

我正在尝试使用CGPathAddCurveToPoint来为视图的移动设置动画，并生成一个贝塞尔曲线路径，但是我在找出原点和目标之间的控制点时遇到了麻烦。你们中有谁知道如何在给定UIView的原点和终点的情况下动态计算控制点？例如(iPad)，我正在尝试为从点(455,482)到(31,100)飞行的一只鸟(UIView)设置动画。我要做的是一种曲线运动

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

回答已采纳

1回答

如何用动画片段移动游戏对象变换？

c#、unity3d

我有一个攀岩系统，它是以一种机械的方式工作，但不是动画。我有位置1，我的角色开始爬升，那是动画开始的地方。然后玩家传送到悬架顶部的位置2，这是动画结束的时候。然而，所有的动画都是在位置1上播放的，而不是从位置1到位置2。我的角色不应该是传送，而是平滑地爬到壁架上。由于我在代码中看不到这样做的选项，我可以在动画的每个剪辑中以某种方式将我的<

浏览 13提问于2019-11-14得票数 0

3回答

TweenMax更改正在进行中的bezier

flash、actionscript-3、tween

是否有可能通过TweenMax改变一个基于bezier的动画和另一个动画之间的平稳过渡？orientToBezier:false, ease:Sine.easeOut, onComplete:walkComplete } ); 有一种叫做setDestination的方法，它可以动态地调整目标参数，但是它似乎只会产生一个线性动画</em

浏览 0提问于2009-09-19得票数 0

2回答

Ios斯威夫特在非线性路径中动画视图

ios、swift、animation、uiview

我试图通过非线性路径(我不是试图绘制路径本身)来动画UIView，如下所示：视图的初始位置是使用尾随和底部约束(viewBottomConstraint.constant == 100 &viewTrailingConstraint.constant == 300)确定的，我使用的是UIView.animatedWithDuration，如下所示：

浏览 4提问于2015-12-02得票数 7

回答已采纳

2回答

渐变动画-减速和提速

ios、swift

我正在制作一部CAGradientLayer的动画，类似于苹果在iPhone主屏幕上的“滑动解锁”动画。然而，我的动画有点不同，因为它在某些点上减速和加速。对如何减慢/加快渐变有什么想法吗？

浏览 0提问于2016-12-08得票数 1

4回答

使用canvas进行游戏的真正好处是什么？

javascript、css、html、canvas

我目前正在阅读canvas，但我发现很难找到使用canvas的实际好处，因为使用简单的css覆盖/JavaScript (+ jquery lib)可以做很多事情。这可能是因为我不知道使用canvas的全部实用性。有人能解释一下为什么使用canvas而不仅仅是css吗？

浏览 0提问于2011-01-25得票数 5

回答已采纳

1回答

如何在堆叠的图像中动画

javascript、html、css、css-animations

我有一系列的图像是“堆叠”在div内。我希望在这些图像(不使用jQuery)之间转换(交叉淡出)，使用CSS转换。我不知道该如何做的是在图像之间进行无休止的转换。图像是通过JSON动态添加的，它们将继续添加，因此divs中的图像数量不会被设置。我正在考虑一种使用z-index将图像放在彼此之上(然后将opacity和其他属性动画化)的方法，但是如果我想通过4张照片来动画</

浏览 2提问于2014-07-30得票数 1

回答已采纳

3回答

如何在一行中使用滑动div？

javascript、jquery、css、html

当我将第一个div向左滑动，然后将其隐藏，同时显示第二个div并向左滑动时，第二个div被放置在第一个div的下方，从而打破了页面。HTML代码CSSinset 2px 2px 30px #001A00; posi

浏览 7提问于2013-10-22得票数 0

1回答

在iPad应用程序中创建动画文本的最佳方式？

animation、ios5

有人想过如何在一个类似于罗恩·保罗视频的应用程序中创建一个动画文本效果吗？我知道这是一个相当抽象的问题，但是，只是好奇我应该从哪个方向开始。

浏览 1提问于2012-05-16得票数 1

回答已采纳

1回答

我正在为一个大学项目建立一个iPad杂志，以一个网站的形式展示我建议的设计的一些功能(当然，现实生活中的应用程序将是本地的iOS)。我看过一些框架，比如Sencha，它似乎过分满足了我的需求，并且似乎希望在JavaScript中完成所有事情，而不是将它保存在HTML/CSS中，然后将交互添加到顶部。我还看过jQuery UI iPad，它似乎是最有希望的，但我可以帮助它工作。下面是它工作的一个演示：下面是我的</e

浏览 6提问于2011-02-05得票数 0

4回答

有没有办法让动画计时功能应用于整个动画而不是每个关键帧？

css、css-animations

我对动画有点陌生，所以如果我错过了一个重要的概念，请原谅。我需要制作一个指向曲线上一点的箭头动画，为了这篇文章，让我们假设它是一条三次曲线。箭头沿曲线的线条移动，始终指向曲线下方的几个像素。所以我所做的是，我使用CSS3沿着曲线的线设置关键帧： 0% {

浏览 1提问于2010-12-27得票数 27

回答已采纳

2回答

在JS中简化精灵动画

javascript、animation、sprite、easing

我已经让我的雪碧表在香草JS动画通过移动背景位置在一个固定的帧，使用requestAnimationFrame和setTimeout设置帧率。最终，我想用一条缓和曲线，比如QuadInOut，或者更好的是一条自定义曲线来为它设置动画。我看过的大多数框架都在他们的补间函数中内置了轻松功能，而不是用来制作精灵工作表的动画。有谁能推荐一个可能有帮助的JS框架吗？也许是G

浏览 3提问于2013-12-03得票数 0

1回答

带有element.animate()的曲线上的动画元素

javascript、web-animations

我需要将元素在路径上的翻译动画化，如下所示：现在，我正在使用一个回调，它计算曲线上的位置，然后通过内联CSS translate3d()设置元素位置。虽然与CSS动画相比，它的性能更差，而且非常冗长，但这是可行的。当目标只在运行时知道时，似乎是一个很好的新选项，可以对元素进行动画化，但是我无法找到在起始点和结束点之间修改动画的任何东

浏览 0提问于2014-06-20得票数 2

1回答

为什么在嵌套的removeAttribute中不执行setTimeouts调用

javascript

我正在创建一个rolodex类型的动画，我使用计时器为3d动画设置一个类，并动态地设置z索引，以便元素在需要时相互覆盖和相互衬垫。每隔一秒，我就会期望底部广度(divs.children[1])设置类和样式属性，然后在那一秒之间，我希望底部移除属性，上半部分(divs.children[0])开始动画。当我使用下面的代码时，每次对hideTop()、showTop()和showBottom()的调用都会像预期的那样工

浏览 3提问于2014-12-05得票数 0

回答已采纳

点击加载更多