CSS3动画没有移动

文章/答案/技术大牛

发布

1回答

jquery:使用多个动画(jquery和css3)会减慢动画速度吗？

jquery、css、jquery-animate

我在我的网站上使用了几个动画。例如:像这样移动一些div：有没有办法优化这一点？或者是更好的停留在1动画类型？例如，只有css3 (如果是这样，如何将小提琴示例转换为css3动画？) 致以良

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

回答已采纳

1回答

三次Bezier过渡星巴克移动导航

mobile、css、navigation

我正在尝试基本上复制星巴克的移动导航，但我不知道如何在单击这三条线时获得平滑的幻灯片过渡。看起来他们正在使用CSS3过渡来实现这个动画，但我不能复制它。我得到了相同的结果，但是没有动画效果，因为CSS3没有动画display: inherit。这是我的JSFiddle，有没有人可以像Starbucks.com在他们的暴徒导航中使用的那样，使用CSS3立方贝塞尔变换来改进它？(你必须调整你的窗口大小，才能明显看到他们的

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

回答已采纳

1回答

跳到CSS3转换的末尾

jquery、html、css、css-transitions

我有一个应用程序，我正在尝试从jQuery .animate切换到CSS3转换，以响应滑动手势和按钮按下向左/右移动卡片列表。它现在运行得很好，除了一件事。我希望这个应用程序在每次刷卡的时候都能移动一页卡，而我唯一能保留这一点的方法就是在执行动画时防止刷卡。否则，页面会突然变得不对齐。这对于手势滑动来说是很好的，但是如果用户点击一个按钮或者旋转旋钮来导航页面，那么每次点击应该移动一个页面。如果它在动画过程中被点击，我希望动画跳到结尾并开始一个新的动画

浏览 2提问于2012-09-14得票数 0

回答已采纳

2回答

纯JavaScript CSS3* 3类动画*

javascript、animation

如何使用简单的JavaScript、而不切换类和I、没有jQuery和jQuery插件，重新制作CSS3动画，但只使用JavaScript？在CSS3中，使用@keyframes是如此简单，但是如何使用JavaScript呢？密码是什么？我将尝试简单地描述我需要什么:我需要一个div，当我点击它时，它必须向左移动+5 5px。但是我读到，DOM动画不是很好，所以我询问了在JavaScript中使用CSS3 3类动画</e

浏览 4提问于2013-07-18得票数 2

回答已采纳

2回答

html、css、animation

我试着用动画向左移动我的块元素，甚至使用动画速记属性，但它没有移动。

浏览 13提问于2020-09-07得票数 0

回答已采纳

1回答

SVG字动画

svg

我有一个移动应用程序，涉及到移动文本的方式。我使用了css3动画，它在手机上看起来很落后。我选择使用svg作为动画。如何在svg中实现块动画。我是新来的。

浏览 3提问于2015-09-23得票数 3

回答已采纳

1回答

硬件加速的CSS3动画VS过渡VS jQuery移动动画

css、jquery-animate、css-transitions

我正在开发一个使用PhoneGap和jQuery的应用程序，对动画有点困惑。$("#"+that).find('.captionShine img').animate({left: '550'},700); 我发现了一个叫做jQuery-Animate-Enhanced的插件，它可以将这些动画转换成CSS3</em

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

回答已采纳

1回答

使用PhantomJS将CSS3动画渲染为图像文件序列

javascript、html、css、server-side、phantomjs

我以前没有使用过PhantomJS，但我想用它来渲染一些定制的CSS3动画序列到服务器端的几组PNG文件中，以便接下来将它们连接到一个视频文件中。接下来，我找到了-webkit-animation-play-state，我希望它能帮助我暂停动画，渲染页面，然后转到下一帧，再做一次。也许我应该用纯JS来做这些动画，这样我就可以更好地控制所有的暂停/播放状态？我想我可以，例如，将一个矩形移动1px，然后渲染图像，然后再次移动它，然后渲染，等等。虽然使用CS

浏览 2提问于2013-04-16得票数 2

1回答

CSS3动画:不活动，活动和附加的‘结束’状态？

css、hover、state、css-animations

我有一个按钮的动画背景悬停。它从左到右填充有颜色的背景，但是目前在鼠标上它反转动画；颜色向左收缩，然后消失。在鼠标出来的时候，我希望填充继续从左向右移动，这样它就会消失在右边的按钮上。有什么想法吗？在这里的“访问网站”按钮上可以看到这样的例子：谢谢你的帮忙!

浏览 1提问于2014-05-22得票数 0

回答已采纳

2回答

类似facebook IOS应用程序的CSS动画菜单

javascript、html、css

我有一个带有"display:none“的div，它占据了整个页面的25%。当单击页面上的按钮时，div变为可见，并向用户显示菜单。我想让div看起来像是页面向右滑动，菜单在它后面，就像facebook IOS应用程序上的菜单一样。这可以用css和javascript实现吗？

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

回答已采纳

4回答

CSS3移动，然后设置动画

css、css-transitions

我正在尝试使用css3转换来使我的页面具有动画效果。我需要能够移动一个元素，然后使用css3动画。例如，将隐藏的div移出屏幕，然后在屏幕上重新显示它的动画。因此，在下面的代码中，我想将元素400px向左移动，然后将其动画设置为0。So....no动画移动400px，添加CSS3过渡类并动画到0px。希望我已经解释过了，ok...thanks有任何帮助。

浏览 3提问于2012-04-15得票数 2

回答已采纳

2回答

HTML5移动网站上的动画

javascript、jquery、html、css

我正在制作一个移动网站，并且我正在使用javascript来为周围的东西添加动画？这是推荐的，还是应该使用CSS3转换？如果是这样的话，我如何实现一个简单的CSS3转换，在单击divA时将20px向下移动divA？谢谢。

浏览 0提问于2012-04-23得票数 2

回答已采纳

1回答

可以使用CSS3动画在无限滚动的同时上下移动图像吗？

jquery、css、svg、css-animations

我有一个问题，我希望我可以实现的只是CSS3动画，但如果使用jQuery动画是必要的，那么这也没关系。:]如果这可以让我的云图像稍微上下移动，那么随机的移动是可能的，所以它们不只是直线地滑过，那将是史诗。我是CSS3动画的新手，所以我在keyframes上读了一点书，但是，我试过几次使用

浏览 2提问于2013-10-19得票数 1

回答已采纳

4回答

做CSS3动画的简单方法？

jquery、css

我不熟悉CSS3动画，但我确实想在我的网页元素中添加一些CSS3动画，你能告诉我一些快速制作css3动画的方法吗？例如，我们有没有一些jquery插件来做css3动画？谢谢!

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

回答已采纳

2回答

抖动动画- Jquery / CSS3

javascript、jquery、css、animation

我试图结合jQuery和CSS3来提供流畅的动画，但我仍然发现动画可以是抖动的，即使在桌面上也是如此。我使用下面的代码将我的id从页面边上移到页面上。

浏览 1提问于2014-11-05得票数 0

1回答

IPhone4Android4.1上的CSS3平滑过渡

android、jquery、ios、css

我用CSS3转换驱动的效果为移动和桌面构建了这个。然而，我发现在移动设备上的过渡并不像我希望的那样顺利。这很奇怪，因为我在其他网站上没有遇到任何问题。有没有人能给我一些建议，让我可以实现更流畅的动画？

浏览 1提问于2014-01-16得票数 0

1回答

Angularjs v1.2.1 -ng-重复动画-动画类未被删除

angularjs、animation、ng-repeat

列表更改后，旧列表向左移动，然后移动到新列表。要实现此行为，请使用ng-重复指令和css3转换。我注意到动画类(ng-动画-输入ng-动画-启动ng-活动ng-进入活动)在动画结束后没有被删除，并且由ng-重复循环放弃的旧节点也没有被删除。这个问题发生在firefox中。

浏览 7提问于2013-11-21得票数 0

1回答

CSS3转换后安卓浏览器中未突出显示的链接

css、css-transitions、android-browser、mobile-webkit

我有以下设置：<div><a href="#">Link</a></div>缺点

浏览 4提问于2012-03-23得票数 0

回答已采纳

2回答

CSS3 3-任意方向的旋转木马，不分顺序

javascript、html、webkit、css

使用PrototypeJS使用效果库很容易，但我在理解如何用CSS3实现这一点时遇到了问题。为了能够使用基于CSS3的规则(translateX/CSS3等)将活动图像从视图中删除，将其替换为任何其他图像，如下拉菜单中所选择的，它们都沿着相同的方向前进，这是由下拉菜单确定的例如：第一张照片是'active‘，在查看i选择“从左到右”格式时，菜单，我选择"3“作为图片编号，我单击”Go“<

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

回答已采纳

3回答

fadeToggle()对CSS3有什么影响？

jquery、css

在jQuery中有没有等同于.fadeToggle()的CSS3？$(function () { a.each(function () {$(".toggle_overlay").click(function () {

浏览 0提问于2011-11-20得票数 1

回答已采纳

点击加载更多

jquery:使用多个动画(jquery和css3)会减慢动画速度吗？

三次Bezier过渡星巴克移动导航

跳到CSS3转换的末尾

纯JavaScript CSS3* 3类动画*