CSS动画不能完全工作？

文章/答案/技术大牛

发布

0回答

html、css、animation、background-color、keyframe

我能够很好地通过JavaScript和HTML语言，但在使用CSS时遇到了一些麻烦。/css?我开始尝试将动画的持续时间设置为6s，但当我加载页面时，我发现动画似乎还没有走到一半，然后突然闪回到第一个颜色。尝试更长的持续时间，只会使它在闪回到原始颜色之前经过更少的时间。然而，有趣的是，较短的持续时间会使其经历更多的动画。在1s或更低的版本中，它可以正确地处理动画，但速度太快了(我不想让任何人抓狂：)。我在互联网上找了又找，但都没有用。我对动画没有太多的经验，所

浏览 13提问于2016-12-23得票数 1

回答已采纳

1回答

访问锚点时取消CSS3动画

css

我想用CSS动画无限地脉动已识别的锚的背景颜色，并在访问时完全去掉动画(=使锚看起来像其他锚)。我有一个工作动画，但我不能让:访问的部分工作，基本上我没有取消动画。

浏览 1提问于2011-10-17得票数 2

1回答

CSS边框不能完全工作

html、css、cross-browser

我有一个网站与框(在表格形式中使用)，这得到CSS有边界。在Chrome中，输出就是我想要的。但在IE中，它完全被毁了(tinypic上的链接图像)。在Firefox上，我也遇到了同样的问题。这是我的CSS：{ margin: 0; padding: 0;

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

2回答

jQuery动画边框似乎不工作

jquery、html、css、jquery-animate

在下面的代码中，jQuery动画边框似乎不能很好地工作：我在jQuery网站上看到了这个动画。希望有人能帮我。

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

回答已采纳

1回答

css @media屏幕不能完全工作

css

我在CSS文档中添加了一个@media屏幕。我想我应该直接复制粘贴第一个屏幕大小的CSS，然后根据我希望它们在较小屏幕上的调整方式来调整元素。我这样做了，并更改了一个元素，h1。为什么CSS的其余部分不起作用？谢谢。

浏览 9提问于2013-10-20得票数 2

2回答

CSS滴答器不能完全工作

html、css、css-animations、ticker

我试着用一些在网络上找到的例子来构建一个CSS代码。我已经整理了一些看起来可行的东西，除了它只滚动了前4项列表。在第四项之后，它滚动回顶部，重新开始。我不知道是什么让它重新开始，以及如何显示第五项。

浏览 2提问于2016-03-16得票数 0

回答已采纳

1回答

Css动画不能正常工作

css、transform、css-animations

我是一个开发人员，所以CSS不是我的强项，动画也绝对不是。然而，我正在尝试创建一个简单的动画-现在在某种程度上可以工作-只是不是我所需要的： {我需要做什么改变，以确保背景在焦点时保持可见？

浏览 2提问于2015-07-15得票数 0

1回答

如何在引导中使用animate.css和viewportchecker

twitter-bootstrap、hidden、animate.css

我在网站中使用引导程序，但不能使用animate.css和viewportchecker来创建像这个这样的动画，因为所有元素在添加像下面这样隐藏的类之后都会永久消失。addClass("hide").viewportChecker({ offset: 100这是与引导css和js文件(包括 )相同的页面，您完全可以看到我尝试将隐藏类应用于多个元素，但得到

浏览 2提问于2015-01-05得票数 2

回答已采纳

1回答

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

jquery、css

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

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

2回答

如何在Jquery中更改图像的位置？

jquery、css、image、animation、scroll

<li><img src="img/icons/sprite_media.png" width="1050" height="70" /></li>我的CSS

浏览 6提问于2013-08-23得票数 1

1回答

使用javascript隐藏并禁用div

javascript、jquery、animation、hide、opacity

我使用这段代码来执行动画： $("#" + divID).css({ "opacity": "1" }).animate({ "opacityonclick="return animateStyle('alert-background');" 我试图使用.hide来

浏览 2提问于2013-02-26得票数 0

1回答

为什么jQuery效果不能在我的手机上工作，而是在我的桌面上工作

javascript、jquery、jquery-mobile

rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css

浏览 2提问于2015-01-07得票数 0

2回答

如何使用CSS3过渡创建循环淡入/淡出图像效果？

animation、css、css-transitions

它可以在Chrome上运行，但在Firefox上不能运行。(我确实让它在jQuery上运行，但这让它在安卓手机上变得缓慢和闪烁，所以我尝试使用CSS。) 谢谢你的帮助。

浏览 0提问于2012-07-20得票数 5

回答已采纳

1回答

jQuery动画不使用变量

jquery、html

我在我的脚本中的代码中使用了下面的代码，无法正常工作。这段代码从DOM中提取这9幅图像，并根据数组arr_trans中定义的值翻译图像，并且应该是并行动画，所以我使用了queue:false。arr_trans[i]+"px"+")"},{duration:100, queue:false}); arr_trans[]如果我使用的是"CSS“而不是”动画“，那么上面的代码是可以工

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

回答已采纳

1回答

CSS梯度动画

css、css-transitions、gradient

我试图动画的CSS梯度，如描述的，但我无法使它工作。举个例子，我把放在一起了。它真的可以动画一个CSS3梯度，还是我做错了什么？任何帮助都是非常感谢的。

浏览 2提问于2013-09-01得票数 4

回答已采纳

1回答

挂接到Angular-CLI生成的应用程序的引导过程

javascript、css、angular、angular-cli

我想延迟我的Angular-CLI应用程序的引导，让我的加载动画在实际渲染之前完成。当根组件被引导时，这个css动画内容将被自动剥离。这几乎不能控制用户体验(UX)，因为“子内容”会立即从DOM (文档对象模型)中移除。因此，想法是将css动画内容移出元素，而不是在外部定义它，但在动画完成后以编程方式将其从视图中删除。我试着完全按照的描述去做，但问题是它似乎不再像angular-cli生成的应用那样工作了。不过，它的工作</

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

2回答

CSS样式表不能完全工作

html、css

我花了一些时间(大约一个小时，甚至更长的时间)寻找我的代码在互联网上的问题，寻找常见的CSS陷阱等等。我猜想这是相当愚蠢的事情，但我在HTML和CSS方面还是新手。 CSS样式似乎应用不当。

浏览 0提问于2018-05-14得票数 1

回答已采纳

4回答

CSS动画/过渡不能正常工作

javascript、html、jquery、css

下面是没有动画/过渡代码的代码，请检查： <!ui) { } </script></html> 现在这是动画/过渡代码:简单地说，我在这里只添加了div类.resize{transition: 0.3s;}的CSS过渡，我认为它应该可以工作，但问题是，这不是与单击，如

浏览 39提问于2020-12-22得票数 1

2回答

CSS动画周期不能正常工作

javascript、css、typescript、css-animations、keyframe

我已经为两个动画创建了两个类，按下一个按钮应该首先使用一个动画打开或关闭全屏，然后再按一个按钮。CSS动画启用全屏，动画禁用它 width: 100%; } animationdocument.getElementById("mv").classList.toggle("animatereverse");

浏览 9提问于2022-11-03得票数 1

回答已采纳

2回答

CSS动画在IE中不工作

css

我对CSS动画有一个问题。动画在IE10 (以及Chrome，Mozilla，Safari)中工作得很好，但在IE9 (以及IE边缘)中不起作用。这是我的CSS：-webkit-animation-name: tossing07; -webkit-animation-duration

浏览 3提问于2014-07-04得票数 0

回答已采纳

点击加载更多