我使用了-webkit- stuff，但由于某种原因，它没有动画效果，即使相同的代码以-moz-前缀在firefox中也可以工作。
背景应该向下滑动，然后背景会改变&新的动画应该开始播放。新的动画是相同的，背景滑入，然后滑出盒子，然后新的动画再次进入。
浏览 0提问于2012-05-17得票数 1
回答已采纳
我有个问题。我正在使用Bounce.js创建漂亮的菜单动画(具有一些很酷的效果)。使用css关键帧动画的Bounce.js，重新启动可能会有问题。我得到了菜单，当我点击一个按钮时，当添加.show类时，它应该会触发显示动画。但当我再次按下该按钮时，隐藏类应该与隐藏动画一起添加(这只是前一个动画的反向版本)。
Js正在工作(类的添加和删除都是正确的)，但是动画只触发一次-并且没有隐藏动画(菜单元素只是消失而不是动画本身)。
浏览 8提问于2016-06-27得票数 0
1回答
我正在实现一个应用程序演示，在一个提示(它回调到服务器的地方)之后在屏幕顶部显示一个HTML5横幅。但是，我不知道如何让HTML5横幅从顶部垂直过渡到屏幕上。
我在这里讨论的过渡动画类型是 -尽管我需要的动画是一个简单的垂直过渡，没有本机iOS推送通知所具有的3D效果。
谢谢你的帮助！
浏览 1提问于2013-01-07得票数 0
回答已采纳
4回答
你能推荐一个Jquery插件来做和这个演示一样的文本动画吗：
这是用Flash制作的文本动画(点击这里：)，但我希望在纯Javascript，CSS和HTML中也能有同样的效果。
谢谢你的建议，利奥
浏览 2提问于2012-06-25得票数 1
3回答
CSS3动画，平移到位置
、、、
我有一个div，我点击它来拖动它。一旦它在一个区域上，它就会通过以下方式动画到它的位置：
$("#wheel1").animate({left: "200px", top: "100px"});
我还可以使用以下命令将其设置为动画：
@-webkit-keyframes wheel1 {
0% {
}
100% {
-webkit-transform: translate(200px, 100px);
}
}
不同之处在于；使用jQuery时，它从文档左侧开始动画到200px。有了CSS3，它会从你
浏览 2提问于2012-06-14得票数 8
回答已采纳
1回答
试图使用的插件列表：
jquery.animate-enhanced.min.js
jquery.easing.1.3.js
基本上，我试图将一些jquery动画转换为“纯CSS3转换”。
这是我正在处理的代码：
$(this).animate({
bottom:(docHeight-80),
},600,
'easeOutElastic',
function(){
$(thi
浏览 4提问于2012-11-07得票数 0
这是一个令人惊叹的效果，就像PPT。链接在这里：
我知道单个部件是由CSS3-动画特效制作的，但我不知道
1.如何在时间线上播放所有这些效果?2.如何使位置变化和局部到整体的效果？
我在哪里可以找到这样的教程？
由衷地感谢。
浏览 0提问于2012-01-16得票数 0
回答已采纳
3回答
我正在尝试使用jQuery复制/模拟使用CSS3动画制作的动画/效果。
我计划在CSS3动画不支持的情况下，使用jQuery版本作为后备。
这是一个CSS3动画的运行示例：
解释它的最好方法是奇数点击的翻转和偶数点击的翻转。
我所说的点击是指触发器上的点击，#trigger和奇数点击是点击1，3，5等，而偶数点击是第二，第四，第六等点击。
现在，我已经将CSS动画应用于类，并在单击触发器时切换类，所以如果可以将翻转动画应用于一个类，将翻转动画应用于另一个类，这将在我设置的环境中完美地工作。
我非常感谢所有人和任何人在这方面的帮助，我只是想不出如何制作如此复杂的动画-嗯，它不一定复杂，我不想吓跑
浏览 3提问于2013-03-09得票数 0
回答已采纳
1回答
嗯，我希望使用CSS向文本显示卷曲抖动的动画效果，这是它看起来的样子(忽略背景)。我认为这是一个很酷的效果，但不知道怎么做。
一个例子将是非常有帮助的CSS动画或脚本也是可以接受的。提前感谢您的帮助!:)
浏览 4提问于2014-07-12得票数 2
2回答
有人知道为什么我在关键帧动画中看不到content属性的效果吗？我试过这样的东西
@-webkit-keyframes mymove {
0.000% {-webkit-transform: matrix(1,0,0,1,294,-135);
color:blue;
content:"test";
}
/*... more keyframes that changed the -webkit-transform property...*/
}
当我在动画过程
浏览 3提问于2013-09-07得票数 2
1回答
我想知道今天的jQuery是否存在某种撕裂图像动画效果？不是像一百万个碎片，而是像在中间撕开图片的效果？向两边移动。还是需要使用Flash动画？？谢谢!
浏览 4提问于2013-03-11得票数 0
我有一个简单的JS功能，即动画页面滚动到选定的锚由id
我的页面中的所有锚点都有不同的偏移值和位置提示:我的用户砖石效果，但不能正常工作
function scrollToAnchor(aid) {
var aTag = $("a[id='" + aid + "']");
$('html,body').animate({ scrollTop: aTag.position().top }, 'slow');
}
浏览 0提问于2012-10-19得票数 0
4回答
每次我访问一个有CSS3动画的页面时，我的笔记本就会变得嘈杂(给我一个信号，表明它在那里做了一些繁重的工作)。我不关心我自己是否至少得到了足够平滑的动画效果。但事实并非如此。我在配备8 8GB内存和专用GeForce 320M的2.4 GHz酷睿2 Duo上得到的结果(不多，但对于一些css来说应该足够了，不是吗？)是一些肉干，随机闪烁，在某些情况下有奇怪的人工制品...“动画”，这通常比JS更糟糕……
有人做过JS和CSS动画的比较吗？或者针对实际使用对建议的CSS3好东西进行基准测试(例如，它们中有多少可以同时出现在页面上，而不会出现严重的挂起，等等)？有没有什么最佳实践(比如-做这个，不
浏览 4提问于2011-10-23得票数 13
回答已采纳
3回答
有没有办法在网页中用alpha来渲染背景纹理？我想要在渐变的顶部有纹理，这样我就可以透过它看到它。
我没有使用canvas (尽管我确实使用canvas实现了一些其他动画效果)
浏览 0提问于2012-08-06得票数 0
回答已采纳
1回答
我正在做一个没有BoilerPlate的项目，该项目现在使用了很多jQuery动画，比如几个元素的并行动画，以及背景中的20个小型.png云彩图像的移动(以使云的时间间隔)，这些图像在移动设备上运行非常缓慢和落后。我希望桌面和移动环境都能使用相同的UX。我使用mediaQueries来为更小的屏幕使用更小的图像/元素，但这似乎并没有像我想象的那样优化移动性能。我很熟悉HTML5 5-样板和BP-移动，但不确定两者是否会帮助我的问题。
如何使这些特殊效果在移动平台上顺利运行？
浏览 0提问于2012-12-31得票数 1
回答已采纳
1回答
我对比赛的时机有异议。当第一次单击“开始”按钮或用户在再次单击该按钮之前等待足够长的时间时，所有操作都正常。
否则，只有音频触发，但旋转过渡不。旋转转换使用transit.js创建。
我试过在tock循环的末尾和重置按钮上使用clearQueue，但没有任何效果。
我试图实现：-所有动画队列清除时，启动或重置按钮被点击。
浏览 3提问于2013-07-30得票数 1
回答已采纳
1回答
我需要使用jquery/css复制这个效果-- 。
我试过使用这个很棒的插件-- --但是它需要在IE8或者IE7中工作，所以由于使用了canvas元素，它被废弃了。
我目前有白色的div，以角度设置，动画进出，但它非常耗时-有没有插件可以创造这种效果，或者有没有一种方法可以在IEs中工作？
浏览 1提问于2013-05-20得票数 2
这是一个装腔作势的人：
加载页面时，第一次将鼠标悬停在邮件和LinkedIn选项卡上时，动画会跳转到端点框架。它应该是标签放置的动画。
在第一次悬停之后，一切正常，悬停行为与预期一样。尝试了鼠标输入、鼠标悬停和鼠标悬停。就我个人而言，我最喜欢鼠标输入，但那就是我。其行为类似于下面的水平主题按钮，它们不会显示跳转。真奇怪。
代码如下所示：
$("#zipperTabLinkedin a")
.mouseenter(function(e){
$(this).animate(
{padding:'30px 0 0 0'}
浏览 0提问于2012-09-28得票数 0
2回答
我在试着定制同位素过滤动画。当过滤掉同位素项目时，通过淡出并调整大小为空项目来隐藏所有项目。我想摆脱调整大小的效果，只淡出项目。我还希望在显示以前隐藏的项目时应用相同的效果-只是将不透明度从0.0改为1.0，并且不显示增长框效果。我从来没有使用过jquery动画，所以我不知道是否可以在这个方向上做一些改进，或者其他一些可能的帮助。
浏览 0提问于2013-07-01得票数 4
我想创建一个3d立方体滑块。
它几乎准备好了：
在Chrome中，旋转动画效果很好，但在Firefox中，旋转时幻灯片之间会有一个空间：
有没有办法修复Firefox中的动画？
浏览 2提问于2013-02-13得票数 2
我可以使用jquery中的animate函数来动画化某些效果。但是我想用webkit做一些反射动画。如何传入webkit css属性？
$(this).animate({
webkit-box-reflect:below 50px,
top: y,
left: x,
height: photoSizes[1],
width: photoSizes[0]
},{
duration: 1000,
easing: 'easeOutBounce'
});
浏览 0提问于2013-07-23得票数 0
回答已采纳
Meteor如何处理实时变化？例如，我不希望改变是瞬间发生的，而是某种动画效果。如果我们使用css动画/过渡来放置要更改的项，这是否有效？老式浏览器的jQuery动画又如何呢？
浏览 1提问于2012-06-02得票数 40
回答已采纳
1回答
我现在正在为摄影师的网站编码。它在背景中有相对较重的图像，具有褪色效果。在图片库页面(菜单上的“Galeri”链接)中，当内容被动画化时，内容的边框表现得很奇怪。是它的截图。你可以检查一下自己的。
浏览 0提问于2013-02-13得票数 0
我正在为移动设备编写一个网络应用程序。
这个应用程序包括一些我用jquery.animate()编写的奇特的分页翻页效果，一般来说，它的效果非常好，速度也很快。
我在ipad上遇到的问题是:当用户点击文本区域/输入文本字段时，屏幕上的键盘就会出现，页面翻转效果就像地狱一样迟钝。
当我点击其他地方的时候--屏幕上的键盘消失了--动画仍然滞后，哈。
有人知道如何避免这种延迟吗？
浏览 0提问于2010-09-08得票数 0
1回答
有没有办法使图像幻灯片显示只使用谷歌应用程序脚本用户界面服务。我已经创建了一个图片库，但没有任何过渡动画。我找不到任何使用效果动画(淡入淡出)的例子。我也找不到任何定时事件的例子。谢谢。
浏览 1提问于2013-07-24得票数 1
目前，我有这样一种风格：
.clip td{
-webkit-transition: background-color 1000ms linear;
-moz-transition: background-color 1000ms linear;
-o-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;
}
然后添加一个css类，然后使用setTimeout
浏览 6提问于2014-11-05得票数 0
回答已采纳
我想知道如何使JQuery addClass/removeClass函数具有动画效果？
对于动画功能，似乎我必须放置一些CSS属性，但如果我有一个类，使元素显示为块每次我触发一个点击功能，而所有的元素显示为隐藏在CSS中。如何使此过程具有动画效果？
下面是我的代码：
<script src="js/jquery-1.9.1.min.js"></script>
<script>
var allSlides = $('li');
$('#nextSlide').click(function(){
浏览 2提问于2013-03-26得票数 8
我希望改编这个简单有效的jQuery脚本： (感谢DonamiteIsTnt)……
我想知道如何扩展它，以便您可以有效地使用两个图像的“开关”动画。例如，一只鸟飞到屏幕的右边-翻转动画-鸟似乎飞回左边-翻转动画-再次飞到右边。
“切换”动画我想的是沿着2D图像的路线有效地旋转自己(就像一条在碗里游来游去的金鱼，以及它从玻璃杯前面看起来会是什么样子)。
我不知道您是否会在这种情况下使用单个图像，并将其从30px宽度缩小到0px，然后再缩小到-30px，等等，以另一种方式面对它。或者需要在面向右的图像和面向左的图像之间切换。无论哪种方式，让它有动画效果都很酷。
我在这个网站上发现了类似的问题，涉及
浏览 1提问于2013-01-15得票数 1
回答已采纳
我在我的网站上有一个流畅的布局，有一个元素是动画的，并且在悬停时有一个过渡。主要的问题是，在更宽的屏幕上(比方说，比1600px更宽)，CSS3的悬停过渡变得明显不稳定，并开始吞噬内存。使用jQuery来实现这一点会在更大的显示器上实现更快的效果吗？
浏览 0提问于2012-10-08得票数 2
回答已采纳
1回答
我如何实现这种动画效果(见下面的链接)和我需要从哪里开始学习，这一部分的css或html5或插件，等等。
我有css和html5的启动知识，但我不知道如何达到这个效果。
*我所指的效果是当鼠标悬停并保持背景静止时，前景图像的移动
浏览 0提问于2015-04-08得票数 0
回答已采纳
1回答
按下动画html5按钮
、、、
我想知道是否有一种方法可以在按钮被按下(而不是滚动)时使用HTML5/javascript来使其具有动画效果？
我想创建一个几乎卡通按钮，当按下并闪闪发光时，会扩展一点。我知道这听起来有点笨拙，但我认为最终的结果会比听起来更好。
我的灵感来自于？新的超级马里奥兄弟游戏中的积木。
浏览 1提问于2011-07-02得票数 1
现在我使用Jquery来实现此效果，但动画效果并不流畅
$("#slideToggle").click(function () {
$('#contatti').slideUp();
});
这就是CSS
#contatti {
width: 100%;
position: absolute;
bottom: 0;
display: none;
}
有没有人能把我带到正确的方向，以获得与运输相同的结果？谢谢:)
浏览 2提问于2014-05-12得票数 0
我正在寻找一个jquery的文本幻灯片动画插件，或者一些如何自己做这件事的提示。我喜欢在我自己的项目中使用的动画是这样的：要查看我所指的动画，请单击蓝色箭头。我正在搜索这个动画，在这个动画中，文本看起来来自上面的文本(或div-box)的背景。
你知道有没有像这样的jquery效果插件？或者您是否有一些想法，如何使用jquery或CSS3转换来实现类似的功能？
非常感谢!
浏览 0提问于2012-08-20得票数 0
回答已采纳
2回答
我有一个精灵图标，当它所在的div被鼠标移过时，它会产生动画效果。这个图标目前在<span>卡中。
我希望当我将鼠标悬停在<span>上时，图标就会有动画效果，而不仅仅是当它在图标上时。有什么方法可以做到这一点吗？
这是我正在处理的代码的链接。
这是html和js
<span class="card">
<div class="icon book"></div>
</span>
<script>
var timer;
$(".book").mouseenter(
浏览 18提问于2016-09-22得票数 0
1回答
我试图实现的效果，可以看到在右下角，艺术家的名字和音轨标题淡出右方。
我的第一次尝试是创建一个覆盖图像，但这导致了一个丑陋的边缘在右边，因为颜色会增加。(也许我可以在使用图像之前减去它们？) (是它的样子)
然后，我搜索一个CSS 3属性，它是跨浏览器兼容的。但我甚至没有找到一个适用于所有现代浏览器的解决方案。
编辑:我不是在搜索动画。我想要一个梯度。
这似乎很难解释。我摆弄了一下我走了多远：
回答:哎哟，算了.好像我刚用了一张旧照片
浏览 2提问于2012-03-18得票数 1
在我的网站上，我想在facebook上添加一个关于我们业务的很酷/积极的动画流。你可以在这里看到我的第一次尝试：
到目前为止，我不是很好的方法是:创建一个2000x4000png与所有的反应(文件大小是+3mb ->坏)。并使循环中的背景位置具有动画效果。
对于这个问题，什么是更顺畅的解决方案？无需加载3mb映像的解决方案。或者任何在特定网站上发现类似效果的人？
谢谢!
浏览 1提问于2013-08-20得票数 0
我希望在metalabs网站的图像转换器/滑块上看到这样的效果：
我让它工作了，但问题是我没有使用图像，我在缩放一个包含内容的div。动态内容可能会发生变化。有没有一种方法可以把整个div及其内容都炸掉，因为手动缩放div中的每个元素是一件非常麻烦的事情。
我目前正在使用jQuery动画缩放一个div：
启动css：
#tagBox {
display: none;
width: 1280px;
height: 1000px;
position: absolute !important;
left: 50% !important;
margin
浏览 0提问于2012-01-26得票数 1
回答已采纳
1回答
jQuery同位素不维护布局
、、、、
我在我的个人网站上使用jQuery同位素：
我面临的问题是当用户点击‘网站’或‘HTML-电子邮件’后，页面加载，没有动画的项目缩略图时，过滤。然而，当任何一个链接再次被点击时，它们都会产生动画效果。
此外，我想保留‘客户和项目’部分的布局后动画。当第一行应该有足够的空间放置最后一个子行时，它似乎进入了一个新的行/s。当单击“显示全部”时，它也不会返回到原来的布局。我不确定我是否需要在CSS中做些什么来实现这一点，或者重新构造我的HTML。
更新
我已经解决了这个问题，在页面加载初始化同位素，然后再点击。在IE6中看上去不太正确(目前可以接受这种情况)，也不是我理想中想要实现的功能。
浏览 2提问于2011-03-15得票数 0
回答已采纳
1回答
我在ipad上看到了一种奇怪的行为，iOS8.1。我有一个html/js应用程序，在这里我使用jquery动画进行转换。我使用两种动画的div位置以及淡入/退出效果。下面是一个简单示例的一部分：
$in = $('#newdiv');
$in.css({position: 'absolute', left: "1024px", top: "0px"});
$in.removeClass('hidden');
$in.animate({left: tx, top: ty}, 400);
这在某种程度上是非常好的。如果
浏览 2提问于2014-11-21得票数 0
回答已采纳
我在一个容器中有一组元素，它们在页面加载时都是隐藏的。它们被负的绝对位置所隐藏，我想在悬停时将其动画化。
我可以使用jq或moo库。
并尝试在悬停效果上获得类似的webshop效果
你可以在扩展滑块导航上看到延迟(从侧面弹出)和它的信息(从底部弹出)
这是非常简单的moo版本，没有延迟
我的问题是，无论是使用moo morph，还是jq animate，我都必须列出容器中的每个div，因为它们将具有不同的绝对位置。
我更希望有一个应用于.container的类，并通过css对内部元素进行变形/动画处理，有点像.container.hovered .el1{top:0;}，但当然具有动画效果。
浏览 2提问于2012-08-18得票数 0
我有一个带有div覆盖层的图像。div覆盖出现在悬停状态。同样的悬停，我想要一个动画效果。问题是，动画效果发生在图像和覆盖上，但我不希望动画效果发生在覆盖层上。
此代码工作，但我无法防止动画发生在覆盖上。什么css代码将使动画效果只发生在图像上？
因此，在下面的代码中，css正在处理容器映像，但它也发生在额外层的上。如何使它只在容器图像上工作？
html
<special class=“container”>
<a href=“#" class=“container-link”>
<img src=“image.jpg"
浏览 7提问于2019-12-20得票数 0
我想在我的图像中做这个效果(按钮)
我想制作这个动画，不管方法是CSS3，HTML5 ，JS
如果我将使用悬停属性，我如何使图像在滚动时滑动并返回
浏览 7提问于2011-03-10得票数 1
回答已采纳
1回答
所以我正在做一个项目，这个项目需要我用HTML5和css3制作一个动画旗帜--看起来像和。
我知道有一些使用HTML canvas的解决方案，但我的客户特别要求使用CSS3 (以及尽可能少的javascript )。对于挥动效果，我找到的唯一解决方案是创建几个div元素，每个元素在translateY上都有动画延迟，以创建旗帜效果()，并对文本执行完全相同的操作。
我还可以通过使文本具有绝对位置来使文本与标记重叠，但我的问题是，我不确定如何协调文本的波动移动与标记的移动，从而使其完全相同。或者，如果有另一种方法来做这个动画(还不确定我将如何处理边缘的三角形)？我知道；在这种情况下，哪种方式更有
浏览 3提问于2017-04-20得票数 4
将鼠标悬停在Tumblr仪表板上的导航栏链接(例如，文本、照片、引用)上可创建平滑的效果，其中图标上升约5-10个像素，然后逐渐落回原处，就像有动画一样。
Tumblr仪表板：
在我们的网站上使用普通的CSS来达到同样的效果(即位置:相对；顶部：-8px)，当图标立即弹回原处时，会产生刺耳的效果。
有没有办法在没有JavaScript的情况下实现这种效果？
谢谢!
浏览 3提问于2013-04-13得票数 0
回答已采纳
我已经使用SASS为站点安装了Foundation 6，并且正在使用Gulp进行编译。我正在尝试使用Motion库来实现一些动画效果，而且我已经做了很多工作。
预建动画的工作演示：
我遇到的问题是如何使用SASS mixins为运动UI库创建自定义效果。
为了处理它，我在我的文件中有以下内容.
var PATHS = {
...
sass: [
'bower_components/foundation-sites/scss',
'bower_components/motion-ui/src/'
],
...
};
浏览 1提问于2016-02-13得票数 0
回答已采纳
3回答
有任何方法来做一个翻转页动画的一个PDF文件吗？我正在上传一个PDF文件在我的网站，现在，当我看到它，我希望页面翻转效果，而不是滚动上下。就像一样。
浏览 2提问于2012-06-28得票数 4
回答已采纳
3回答
我正尝试在我的ASP.NET应用程序中包含来自的这个漂亮的动画效果列表。
<form id="form1" runat="server">
<div>
<ul effects="pageTop">
<li>
<img src="Images/1.jpeg" alt="Car" /></li>
<li>
浏览 1提问于2012-11-07得票数 2
回答已采纳
我有一个无序列表：
<ul>
<li></li>
<li></li>
...
</ul>
我将使用mouseovered将类.active添加到项目中，效果如下：
然而，我想知道我是否可以在活动项更改期间制作一些动画？
例如，让black ground从一个项目移动到另一个项目？
浏览 3提问于2014-08-08得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
