如何制作固定的CSS动画

文章/答案/技术大牛

发布

1回答

如何使CSS动画/过渡播放以固定的速度，而不是固定的持续时间？

javascript、html、css、animation、graphics

我有一个CSS动画，使元素在直线上移动一个未定义的距离。动画有固定的持续时间，据我所知，所以动画运行的时间总是相同的，不管元素移动到多远。如何使动画不具有固定的持续时间，而具有固定的速度？我想要的东西是"X像素每秒移动“而不是”整个动画的X秒“。我的</e

浏览 1提问于2016-09-26得票数 1

回答已采纳

1回答

css、css-animations

在此小提琴中：我试图使固定位置的div使用动画，但将动画应用于div会将其推离视口的顶部。.animated { -webkit-animation-duration: .1s; -webkit-animation-iteration-count

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

回答已采纳

1回答

给定子对象的绝对位置时，引导程序范围会折叠

jquery、css、twitter-bootstrap、css-position

我使用了一个bootstrap行，并给了它更多的跨度子项，因为我发现这有助于让一个很好的网格工作，同时保持响应性。每个元素都有一个子元素和一个使用jQuery显示的元素，如下所示： <div class="inner-element</div> 当单击.span2中的某个按钮时，.hidden-element div会随slideDown

浏览 1提问于2013-04-17得票数 0

回答已采纳

2回答

元素从固定到相对的滚动。

javascript、jquery、html、css

我制作了一个包装，我在上制作了和苹果一样的动画效果。这基本上是一个视频，当我滚动视频播放一点一点。视频的位置是固定的，所以文本很好地滚动在它上面。但是，只有在特定划分的偏移量(文本显示)之间，文本才是可见的。那部分运作得很好。现在我希望当用户滚动到视频的末尾，这样动画就完成了，视频效果包装器从一个固定的位置转到一个相对的位置。因此，该网站将滚动

浏览 11提问于2020-01-22得票数 9

回答已采纳

3回答

他们是如何开发这个网站页脚的？

javascript、css

我知道如何显示/隐藏DIV，但是他们是如何制作这个页脚的呢？请看一下这个页面，顺便说一下，这是经常联系的，注意页脚。，谢谢！

浏览 0提问于2011-06-04得票数 2

1回答

Css动画到javascript幻灯片

javascript、html、css

请帮我在这个幻灯片中添加css动画！我已经尝试了很多possibilities...but，但没有人工作。我试图添加一个动画开始类，并在函数的末尾用动画结束类替换那个类，但没有成功！

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

2回答

动态调整css动画大小

html、css、animation、browser、resize

我找不到这个问题的任何答案。我有一个css动画，我想用浏览器窗口动态调整大小。此外，因为它是由各种分离的元素组合而成的，所以我希望它能保持它们之间的空间关系。我知道制作css动画而不是简单的js动画并不是最明智和最优的解决方案，但我想问你一下--这是可能的吗？调整css动画的大小？我尝试了变换，但调整大小是<e

浏览 5提问于2014-02-07得票数 0

2回答

使用CSS3动画破坏页面中所有元素的固定背景定位

css、google-chrome、css-position、css-animations、background-position

我只是在制作一个带有fixed背景定位的元素的网页，在我将css动画应用到一个(完全不同和不相关的)元素之前，它工作得很好。最终，我在寻找一种解决方案，允许：与Chrome兼容。UPDATE：如一个答案所示，给出具有固定背景位置的</e

浏览 8提问于2014-04-05得票数 4

回答已采纳

2回答

如何在定时器上更改背景图像

javascript、jquery、html、css-transitions

我有一个简单的全屏背景图，如下所示： /* The background image used */ background-position: center; background-size: cover;我想知道如何通过淡入我的第二个问题是，有没有可能使用纯CSS3来做这件事，或者js/jquery能更好地工作？

浏览 22提问于2018-08-25得票数 0

2回答

CSS动画转换

html、css

我是css transform属性的新手，但我正在努力学习并制作我的第一个动画。假设我做了我想要的，但是有一个错误，却找不到如何解决这个问题。我不确定我是不是做错了什么动画或其他东西。谢谢!

浏览 5提问于2015-08-01得票数 0

回答已采纳

1回答

Objective C固定照片摇摆动画(如iPhoto)

iphone、objective-c、animation、photo

我想创建动画效果，就像在iPhoto (固定照片摆动效果-见附件)。有没有关于如何制作这样的动画的线索？编辑:这是我正在尝试做的视频演示：

浏览 1提问于2012-03-30得票数 1

1回答

为什么这个CSS3动画不能运行？

css、animation

这是我第一次自己编写CSS3动画，我刚打开页面，它没有运行。动画应用到的其他元素不会发生任何变化。.animated{ -webkit-transform: translate(0,0)

浏览 1提问于2013-04-11得票数 0

回答已采纳

2回答

如何制作CSS动画

css、css-animations

我已经做了一个胡子，我将在下面发送一张图片，我正在尝试将其动画，以赋予它更多的生命。但是，由于某些原因，这个来自css的动画无法工作……我不确定我做错了什么。这可能是CSS的过时形式？

浏览 0提问于2020-10-28得票数 0

1回答

使用translate3d(x，y，z)可以找到元素移动时的电流(x，y，z)吗？

javascript、webkit、css、trace、translate

使用CSS3s -webkit-transform: translate3d(x,y,z);可以跟踪(x，y，z)移动吗？例如:一个对象从(0,0,0)开始，我们在4秒内将其转换为(4,4,0)。检索translate3d(x，y，z)的css属性将只返回最终的平移坐标。这是预期的，因为它被设置为。

浏览 0提问于2011-01-08得票数 3

回答已采纳

2回答

如何制作css动画？

html、css

就像商店里的门。同时滑动(没有一个)。有人能帮我吗？谢谢。

浏览 2提问于2017-04-10得票数 0

回答已采纳

1回答

在JQuery中创建移动嘴

jquery、animation

为了简单起见，我如何创建一个嘴来打开和关闭特定事件(比如单击一个按钮)，让我们说嘴就像一个屏幕咀嚼器。我要把上下颚放在中间的某个位置。我怎样才能同时做到这两件事？当牙齿合在一起时，下巴(屏幕咀嚼器的左右边框)会发生什么？如果我不让它们自动调整大小，当下巴关闭时，它们会超过下颚。如何使它们自动调整大小？

浏览 1提问于2012-11-19得票数 0

回答已采纳

1回答

如何使帆布标签固定在位置，而不是滚动内容？

html、css、canvas、tags

我有一个简单的html页面设置，它包含了一个覆盖整个视图的画布标记，这样画布标签上的内容就更深了，所以当我滚动画布时，我想让画布始终是可见的，而不是与页面的其余部分一起滚动，我们将非常感谢您的帮助。到目前为止，我的研究告诉我如何使用固定在其位置的CSS制作背景图像，但据我所知，这些技术不适用于画布标签。

浏览 2提问于2017-02-15得票数 0

回答已采纳

6回答

如何使用jQuery动画更改背景图像？

jquery、image、animation、background

我想改变背景图像使用缓慢的动画，但它不工作语法有问题吗！！

浏览 0提问于2011-01-08得票数 18

回答已采纳

点击加载更多

如何使CSS动画/过渡播放以固定的速度，而不是固定的持续时间？