加载器上的css动画

文章/答案/技术大牛

发布

1回答

css、css-animations

我有一个加载器动画，但问题是在一开始它就像是在动画发生之前阻塞的.loader { box-sizing: border-box;="loader-inner ball-scale-random"><div></div></div> <&

浏览 1提问于2016-07-21得票数 3

回答已采纳

2回答

在实际加载时停止加载程序动画

javascript、html、css

所以我复制了一个加载器动画，加载器CSS和我在这个网站上找到的所有东西，我现在遇到的问题是，动画不会停止。从逻辑上讲，我需要它在站点加载时停止。我该怎么做？

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

回答已采纳

1回答

动画在页面加载前触发

javascript、html、animation、preloader、animate.css

我创建了一个使用animate.css动画元素的网站。但问题是动画是在页面加载之前触发的。我避免使用animate.css提供的延迟属性，因为在不同的设备上加载页面可能需要不同的加载时间。另外，如果有帮助的话，我正在使用网站的预加载器。

浏览 25提问于2021-05-07得票数 0

1回答

如何让CSS动画在JQuery或页面加载后等待加载

jquery、css

我构建了一个使用CSS关键帧运行的SVG动画。它在桌面上工作得很好，但当它在速度较慢的移动设备上运行时，页面加载时动画几乎结束。问题是我使用的是CSS (动画延迟: 3s)，但是页面需要大约4秒的加载时间，所以当它加载时，我的动画已经开始了。我需要页面完全加载，并在CSS动画

浏览 1提问于2017-08-30得票数 0

2回答

用预加载器延迟css动画？

javascript、jquery、css、css-animations、preloader

我目前有一个网站，它使用Animate.css on the frontpage ()。它目前的工作方式是，只要用户打开网站，动画就会启动，但这会导致动画“滞后”。我想要的是让它等到整个页面加载到css动画开始做他们的事情，从而使体验更加流畅。我研究了几个基于js的预加载器，尝试了一些，但是它并没有延迟css动画。一旦页面加载

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

回答已采纳

1回答

在加载css之前，Chrome不会进行动画处理

css、angular、google-chrome、animation

在我的头脑中，我包括加载动画非常小的css文件。我正在下载大型Angular2应用程序，我想显示加载。我的经验是，动画不会开始，直到所有的css加载从服务器。<link rel="stylesheet" href="~/dist/load.css" /> <link rel="styl

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

1回答

SVG动画隐藏或停止后，页面加载？

jquery、html、performance、svg、css-animations

我在页面加载上显示一个SVG / CSS加载动画，我通常在页面加载后隐藏包含SVG / CSS的<div>。当我们在不停止动画的情况下隐藏时，是否存在性能问题？隐藏SVG动画后是否有必要停止动画？在SVG和CSS动画的情况下？

浏览 5提问于2018-01-12得票数 0

2回答

仅在页面上加载动画

javascript、css

我有一个主页的动画标题，幻灯片在屏幕上。我希望它只在他们第一次加载页面时才这样做。但是，每次您返回主页时，它都会再次这样做。有没有让动画只播放一次，然后关闭，即使他们回到主屏幕？编辑：，我在有动画的元素中添加了一个display:none。然后我添加了这个javascript，但是什么也没有发生。

浏览 2提问于2015-11-09得票数 0

1回答

FirefoxOS打包游戏加载时间

html、haxe、firefox-os、marketplace、flambe

我们正在为html5市场开发一个打包的FirefoxOS游戏。问题是，我们的游戏已经有内部加载器来加载部分游戏资产。有谁知道如何告诉FirefoxOS打包的html5应用程序让游戏完成所有的加载，这样我的预装器就可以工作了吗

浏览 0提问于2015-03-06得票数 1

5回答

哪种动画效果最好？css3还是javascript？

javascript、jquery、html、css

假设我们有一个有很多动画的网站，在性能/速度方面，使用css3还是javascript更好？总而言之:使用尽可能多的html(5)和css(3)来代替javascript和jquery等框架是不是更好？

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

2回答

webkit页面动画制作技术

webkit、css-transitions、css-animations

有没有可能创建一个webkit页面动画，这样当我单击一个链接转到另一个页面时，我可以使用两个单独的HTML文件，不使用AJAX，对新的内容页面进行左右擦除或左右擦除？只是一些特殊情况下的链接吗？因此，对于那些拥有支持webkit的浏览器的人来说，这个链接变得别出心裁。对于那些没有的人来说，它就像一个普通的链接。额外的好处--也可以让它与mozilla页面动画一起工作。

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

回答已采纳

3回答

在鼠标悬停时启动GIF并暂停吗？

javascript、html、css、tumblr、animated-gif

所以我试着把这些图片放在我正在构建的页面的边栏上，它们是静态的，但当你将鼠标移到上面时，它们会变成gif的动画。我当前的设置是让gif css属性图像通常是静态的jpg，但在鼠标悬停时将其更改为动画background-image。以下是代码，以更好地说明我的观点。CSS：background-image: url(http://dl.

浏览 0提问于2011-12-16得票数 4

回答已采纳

2回答

加载器CSS动画

javascript、html、css

这是一个从w3schools网站复制的加载器动画示例：<head>setTimeout(function() { }, 15

浏览 1提问于2020-06-09得票数 0

2回答

如何检测图像对象是否正在显示？

javascript、image、object、ready、loaded

当我在用于大图像的DOM中加载图像对象时，这将使iPad上的显示冻结一段时间。出于测试目的，让GIF动画加载器旋转并将大图像添加到DOM，当图像被加载并添加到DOM时，您将注意到GIF动画将冻结，直到图像被显示。此冻结将足以禁用其上的CSS3动画效果。有没有类似这样的东西image.ready

浏览 3提问于2012-04-19得票数 0

回答已采纳

2回答

动画: CSS3还是GIF？

performance、ipad、animation、client-side

我正在开发一个可以在iPad 1上运行的客户端web应用程序。我应该使用CSS3动画还是简单的GIF动画？哪一个更快？

浏览 0提问于2012-03-20得票数 3

回答已采纳

2回答

SVG动画:使用IE10媒体查询将CSS3从其他现代浏览器中分离出来

internet-explorer、css、animation、svg、media-queries

我在SVG文件中编写了一个漂亮的加载动画。我的问题是Internet 10不支持带有参数的 <animate>标记。由于我喜欢一些挑战，我设计了一个SVG 和动画GIF版本的加载动画。“)，它将加载支持本地SVG动画的现代Webkit和壁虎引擎(在桌面和移动设备上)的回退样式，使GIF退回到不支持CSS3媒体查询和所

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

1回答

页面加载动画方法

javascript、css、animation、gif

因此，我正在寻找最好的方式来显示加载动画，而我的其余页面加载。哪种方法最适合我的<

浏览 1提问于2015-06-01得票数 1

2回答

"Android“加载旋转CSS

html、css

在查看了Google的新之后，我想知道是否有任何方法可以像 (滚动到“循环”)下的加载旋转器那样使用HTML / CSS完成加载吗？我只做了一个非常(非常)简单的版本，但我不知道如何动画“边界”本身(就像最新版本的Android中的旋转器)。基本<

浏览 5提问于2014-07-01得票数 1

回答已采纳

1回答

在IE11中加载Facebook破坏CSS动画

javascript、facebook、internet-explorer、css-animations

在加载了Facebook之后，我的CSS动画在IE11中崩溃了。单击该按钮会在其上切换一个类，该类通过CSS动画稍微旋转按钮。5秒后，Facebook被加载。在火狐浏览器、Chrome和IE10上，这个按钮在此之后继续工作，但在IE11上，当添加类时，动画就不再播放了。知道是什么导致的吗？无论是I

浏览 1提问于2014-07-03得票数 0

回答已采纳

3回答

元素-滚动“运动效果”直到窗口调整大小时才起作用。

javascript、html、css、wordpress、elementor

滚动运动不会被初始化，除非发生两种情况之一: 1)调整浏览器窗口的大小(宽度或高度)。2)您再次访问该页面，否则页面将被刷新。在所有浏览器中都会发生这种情况。编辑：一些滚动效果似乎是初始化的，但是在它出现在视图端口之前就触发了(这就是为什么您看不到它)。如果它再次开始工作，请尝试一个新浏览器或一个新选项卡。受影响滚动的页面URL(大部分部分位于“网页设计”下)： -在品牌元素和视频之间 -电

浏览 0提问于2019-07-10得票数 1

点击加载更多