2回答
目前，有一种为CSS动画编写浏览器属性的通用方法：
@-webkit-keyframes wheel-keyframes {
100% {
-ms-transform: rotate(360deg); /* IE 9 */
-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
transform: rotate(360deg);
}
}
@keyframes wheel-keyframes {
100% {
浏览 0提问于2014-10-19得票数 0
回答已采纳
2回答
很多人需要重新启动他们的CSS3动画；而我想要的恰恰相反：
如果我通过添加适当的css类来启动动画，动画就会开始；如果我随后使用一系列parentNode.insertBefore调用(并重用完全相同的节点实例)对容器进行排序，则每次动画都会重新启动。
我能做些什么来防止这种行为吗？
这里有一个演示此行为的小提琴：
单击Add all，让动画播放几秒钟，然后单击shuffle:任何移动的节点都会重新启动动画。
container.insertBefore(node, childrenClone[Math.floor(Math.random() * childrenClone.length)])
浏览 0提问于2013-01-23得票数 3
1回答
我的CSS3动画在我的WordPress 上有问题。我将雪地动画插入定制的CSS中，并将其应用到#masthead div上。显示背景图像，但动画没有启动。
当我单击Google中的检查元素时，在动画属性旁边签名，显示“无效属性值”
我不知道该怎么办。
浏览 4提问于2014-01-12得票数 2
1回答
我对android动画非常陌生。
我想创建一个像这样的gif动画：
我想将此动画显示为图像视图上的进度条。我想创建一个动画文件，而不是使用gif文件。
浏览 0提问于2021-02-16得票数 0
1回答
我有关于网站卷轴，动画表现的问题。最好在您的移动use应用程序或网站中使用：
重复薄图像还是CSS3梯度？
或
用边框重复图像而不是方框阴影？
这不是关于兼容性的问题，我只想知道滚动，元素渲染和动画的性能方面。
由于CSS线性梯度比单纯背景颜色更重的元素渲染。
浏览 2提问于2014-01-19得票数 4
我想在发生这种情况时显示一个正在加载的页面，可能还会播放一些css动画，但似乎在执行javascript时CSS动画会挂起。我已经有了一个加载栏，它在处理的关键事件上进行了更新，但我想使用css转换来使其更平滑一些。
我知道我可以不时地将控制权交还给浏览器，让它刷新，但我发现用javascript在后台计算某些东西只是冻结了整个界面，这是很愚蠢的。
编辑:这是我所说的一个愚蠢的例子：如果你禁用css转换，条形图在每次迭代时都会更新，但是如果你启用它，转换只会在最后发生。所以我要么不得不在每次循环之间等待400ms，失去4秒的时间，除了动画什么都不做，要么在结束时有一个平滑的动画(失去了显示进
浏览 1提问于2012-10-06得票数 7
回答已采纳
我有一个使用JQuery创建的404错误动画页面。
唯一能让它与我的AngularJS项目一起工作的是如果我在index.html中有jquery.min.js，404.js，404.min.css和一个javascript脚本标签，然而，这在我的其他页面上产生了不必要的加载，并减慢了网站的速度。
我找到了这个，但它看起来只是为CSS样式表设计的，或者我可以用来包含JS文件吗？
我应该如何只在我的partials，404.html文件而不是在index.html上加载这个JS，CSS文件？
浏览 0提问于2015-07-11得票数 0
要使元素具有动画效果，我们可以使用css动画，也可以使用javascript。
读一读这一点，似乎css动画应该比javascript动画渲染得更快，因为浏览器可以在本机代码中执行css动画。这些信息是从2008 - 2011年的帖子中收集的。
在iOS6中，这种情况仍然存在吗？在发行说明中，我发现了这一项：
"WebKit no longer always creates hardware-accelerated layers
for elements with the -webkit-transform: preserve-3d option.
Authors should s
浏览 0提问于2013-01-10得票数 2
回答已采纳
我四处寻找一个伟大的JavaScript雪碧片动画库/引擎，但找不到任何好的，所以我想我会问一下=)。
我在引擎里要找的是：
在非画布设置中动画图像(例如: div通过css或img标记)
控制帧速率/动画速度
标志循环或动画一次等。
外面有这样的引擎吗？如果不行，我总是可以自己做，但我不想再发明轮子了。
浏览 1提问于2012-08-28得票数 0
回答已采纳
我目前正在尝试Angular2的动画，我想知道它们比标准css动画/过渡带来了什么具体的优势。
例如，一个典型的材质设计的卡片和悬停效果与方框阴影。大多数css框架使用:hover和css转换。使用angular 2动画有什么特别的优势吗？
我在某处读到一些css动画属性不会调用GPU那么多，因此会有一些延迟和滞后。那angular2动画呢？
浏览 0提问于2016-12-03得票数 43
回答已采纳
我有一个正在被重命名的功能组件，因为它有一个css动画，动画从一开始就引起了奇怪的视觉问题。
有什么办法解决这个问题吗？
浏览 7提问于2022-04-08得票数 0
回答已采纳
2回答
是否可以使用javascript、CSS3或其他方法获取/设置@keyframes动画的当前动画百分比？
例如，有一个名为.spin的类的.spin，它使用一个密钥框架(也称为spin )在一个圆圈中旋转。
我尝试使用$('.spin').css('animation')、$('.spin').css('animation: spin')和其他几种方法获取动画的当前百分比值，但它们都是空的。
我还对修改每个预定义的关键帧%的原始动画感兴趣，我尝试过像$('.spin').css('animation
浏览 5提问于2013-08-01得票数 10
回答已采纳
我正在构建一个styled-components ReactJS站点，并在ThemeProvider中使用ThemeProvider。所以我的背景色或彩色css代码就像这个background-color: ${props => (props.theme.background)}。现在我想创建一个带有框影的CSS脉冲动画。
const pulse = keyframes
to {
box-shadow: 0 0 0 45px rgba(0,0,0,0);
}
// My component
box-shadow: 0 0 0 0 rgba(0,0,0,0.7);
an
浏览 3提问于2017-12-15得票数 4
回答已采纳
1回答
有没有一种方法，使用HTML，JavaScript和/或CSS，在下载时改变每个GIF动画帧？
例如，如果下载=10 if，gif动画帧=1
浏览 2提问于2015-06-01得票数 0
回答已采纳
2回答
用预加载器延迟css动画？
、、、、
我目前有一个网站，它使用Animate.css on the frontpage ()。它目前的工作方式是，只要用户打开网站，动画就会启动，但这会导致动画“滞后”。我想要的是让它等到整个页面加载到css动画开始做他们的事情，从而使体验更加流畅。
我研究了几个基于js的预加载器，尝试了一些，但是它并没有延迟css动画。一旦页面加载完毕，css动画就已经完成。我是做错了什么，还是JS预加载器不是正确的方法？
浏览 3提问于2015-12-09得票数 1
回答已采纳
1回答
我刚刚将这个animate.css()集成到我的网站中，但是当我加载页面时，动画发生了，因此如果元素在底部，则看不到动画。但是我找到了这个，我非常确定它们使用了相同的animate.css，但当我滚动到元素时，动画就会发生。
我只想问，他们是怎么做到的？有没有什么jquery的东西，还是只有css？
请提供说明。
谢谢
浏览 2提问于2013-09-26得票数 0
3回答
动画模糊滤波器
、、
是否可以使用CSS3动画模糊过滤器使用jQuery？
这是一种应用CSS规则的静态方法：
item.css({'filter': 'blur('+blur+')','-webkit-filter': 'blur('+blur+')','-moz-filter': 'blur('+blur+')','-o-filter': 'blur('+blur+')','-ms-filter':
浏览 5提问于2013-11-19得票数 17
回答已采纳
我正在构建一个组件，在每个本地和redux状态更新时渲染动画。本地状态在单击按钮时更新，它还向远程服务器发出ajax请求，以更新用户单击该按钮的情况。我每次点击都会更新本地状态，如下所示： const [selfAnimations, setAnimations] = useState<AnimationRenders>(initialAnimationState);
const onButtonClickCallback = () => {
makeRemoteAjaxCall();
selfAnimations.localEventsCount +=
浏览 7提问于2019-08-27得票数 0
回答已采纳
1回答
jQuery:还原重漆
、、、、
我需要优化一个图片库滑块，因为很多浏览器都很难处理动画。
请考虑以下例子：
var $div1 = $('#div1'),
$div2 = $('#div2'),
$div3 = $('#div3'),
left = 0;
function animate() {
left -= 10;
$div1.css({
left: left + 'px',
width: 1000 - left + 'px'
});
$div2.css( 'left', left - 10
浏览 6提问于2010-09-16得票数 1
假设我有以下动画：
$("#myObject").animate({
/* animation 1 */
}).animate({
/* animation 2 */
}).animate({
/* animation 3 */
});
我想知道是否有一种方法可以用反向属性以相反的顺序重新设置#myObject的动画，而不需要重新编写它。
我正在考虑创建一个css类并切换它，但它不会有动画步骤。此外，css3动画不是此项目的选项。
有可能吗？
浏览 0提问于2011-09-15得票数 2
回答已采纳
1回答
我需要模糊渲染，但不是整个，只需要片段。冻结的“玻璃”形状将溢出( WebGl动画上的SVG动画透明形状)。问题是局部冻结效应。一些特效composer或者context.readPixels + FastBlur.js或者css +蒙版是否有意义？谢谢你的帮助。
浏览 5提问于2014-02-10得票数 1
1回答
我正在尝试在使用硬件加速的css3动画期间动态增加动画持续时间。使用javascript和非硬件加速的css3，我只是增加了动画的持续时间，动画速度就会加快。现在我使用translate3d而不是left属性来设置动画，增加动画持续时间是不起作用的。我有一种感觉，一旦动画卸载到GPU上，对css的更改不会对其产生任何影响。当我做了更改时，我需要一些方法来强制更新动画以供GPU使用。
这是我的css。
@-webkit-keyframes gofast {
from {
-webkit-transform: translate3d(0,0,0);
}
to {
-webkit-
浏览 3提问于2011-06-22得票数 0
回答已采纳
1回答
我想要创建一个云图的动画在某个包含文本的DIV上盘旋。
我跟踪了这条线，它能做我想做的事..
云沿X轴移动，其不透明度从0.2提高到0.95。
@keyframes animnuage {
0% {
transform: translateX(40px);
opacity: 0.2;
}
100% {
transform: translateX(0px);
opacity: 0.95;
}
#nuageimage {
浏览 4提问于2017-03-15得票数 0
回答已采纳
我不希望在没有任何转换或动画的情况下弹出HTML元素，我正试图确切地了解AngularJS ngAnimate指令是如何工作的：
下面是我希望在动画中出现的HTML：
<a ng-show="county_global_var != undefined" class="list-group-item media region_flag_california">
<div class="media-body">
<div ng-show="current_politi
浏览 1提问于2014-05-09得票数 0
4回答
CSS3过渡填充
、、、
好了，你们中的大多数人都会熟悉CSS3过渡，我更喜欢它而不是jQuery动画，因为它有CSS的简单性。我唯一的遗憾是，它不能在IE < 9(一如既往)以及火狐< 4，Safari <4等中工作。我并不是说只为IE用JavaScript编写单独的动画。但我想要一个解决方案，它将扫描CSS，抓取动画的速度，哪些属性必须动画，并动画他们(使用jQuery，或其他)，有这样的解决方案，如果是的话，它是什么，我可以从哪里获得它？
浏览 0提问于2011-08-08得票数 10
回答已采纳
我通过CSS动画创建了一个动画列表，动画就像从左到右，即对象来自左侧，并停留在框中(父目录)一段时间，然后在窗口中转到右侧。我做了像这些例子一样的动画列表。但我不想显示开箱即用的动画，动画应该只在框中可见。
浏览 0提问于2013-07-16得票数 2
回答已采纳
我是SVG动画的新手。如何使用CSS3 SVG动画增加垂直线？这条线应该从底部开始，向上增长到自定义高度(例如0到100)。我有以下代码：
<svg height="210" width="10">
<line x1="0" y1="0" x2="0" y2="0" style="stroke:rgb(255,0,0);stroke-width:3" />
</svg>
这是初始位置。我尝试增加y2值，但它向下增长，这是我不想要的。请给我一
浏览 26提问于2016-08-10得票数 0
1回答
CSS变量和动画
、、、、
我试图制作一个“多行”的雪碧CSS动画(里面有：)，结果却发现火狐不支持background-position-x或-y。
在这里详细讨论了缺少-x/-y的问题：，而建议的解决方案()是使用最近在火狐中引入的CSS变量。
但是，它看起来不支持从动画@keyframes更新CSS变量？
...
background-position: var(--bgX) var(--bgY);
...
/*Here, CSS variables don't work:*/
@keyframes move-y {
from {
--bgY: 0px;
}
to {
--bg
浏览 0提问于2015-10-07得票数 7
1回答
我正在尝试用javascript为移动网站做一个简单的视差效果。
当我从我的桌面浏览器查看时，它工作得很好。当我在移动设备上查看它并使用触摸滚动时，动画就冻结了。松开触摸屏后再次显示。
有没有办法在我使用触摸屏滚动时保持动画效果？
嗯，当你在触摸屏移动设备上滚动时，任何类型的JS动画都会冻结。
lft = 0;
setInterval(function(){
lft++;
$('#my-div').css('margin-left',lft+'px');
},100);
如果有人想在live中看到这个问题，可以在这里查看
浏览 2提问于2012-02-03得票数 3
1回答
我有一排，点击它，布局改变到新的。我想要动画这个布局转换。一些你见过的英雄动画。但是英雄只是为了路线的转变。
目标动画非常简单，由大小和位置动画组成：
imagedescription图像大小增加，位置为左: 0，顶部:0，右: screenSize.width和高，例如200。文本将移动到足够大，以适应所有剩余的文本。
问题是最初的父部件是Row，但最终的父部件是Column。但是我如何使这个Row到Column布局转换动画化呢？我所见过的所有颤振动画教程都涉及到尺寸的变化、不透明度、转换动画，但没有一个描述过这种转变。如何实现下面的布局转换动画？
浏览 3提问于2020-12-05得票数 3
2回答
可以将回调添加到prepend方法中吗？我需要等到DOM被重建，然后开始淡入淡出动画。
$("body").prepend(div);
$(div).css({
'opacity': 1
});
动画是用CSS3过渡制作的，所以我只需要等待DOM就绪，然后改变CSS的不透明度。
浏览 3提问于2011-09-06得票数 5
回答已采纳
我正在运行一些使用进行数字滚动的程序。它支持两种模式: CSS过渡和DOM动画。当我使用DOM动画模式时，我发现有时滚动并不比CSS过渡更流畅。
所以我想知道CSS转换是否比DOM动画表现得更好？有什么证据或测试可以证明这一点吗？
CSS transition :用于转换元素的CSS3 transition/transform属性
DOM动画:传统的DOM动画，不断改变CSS top属性。
浏览 0提问于2015-06-03得票数 2
1回答
当用户滚动网页时，如何触发动画css？
是不是v-show="element“何时出现，触发x的问题？
使用Vue 2+动画css
浏览 12提问于2017-02-27得票数 0
好的，我已经得到了我想要的动画非常接近我想要的，但是我遇到了一个bug。和它是#菜单左导航(彩色的)。如果你悬停，它会像它应该的那样膨胀开。如果让完全激活，然后将其悬停在一个新元素上或悬停在该列表项上，那么它就会正确地关闭，并打开一个新项目(如果您悬停在一个新的列表项上)。但是，如果您在列表项上悬停，然后在它有充分的动画时间之前快速地悬停，那么它会滑回太远。有没有办法阻止任何动画的发生，直到最初的悬停是完全动画？我尝试使用queue选项，但这只是在悬停时停止了任何动画。
这是我的密码：
$(document).ready(function() {
//Left nav
浏览 0提问于2011-06-28得票数 0
这个问题是的，但不是完全的。我知道如何在我自己的动画中添加间隔，但现在我所说的动画来自animate.css。我想给它的动画添加间隔，比如说，摇动。多么?
浏览 0提问于2015-11-03得票数 1
我有一个元素，它的CSS 'display‘设置为'none'，高度设置为20px，空白处设置为零像素。
当用户单击按钮时，我希望元素的高度和边距设置为0px。然后我想让它将“display”设置为“block”，并将其高度和边距设置为CSS中定义的值- 20px -以滑动并显示自己。
当用户再次单击该按钮时，我希望将元素的高度和边距动画化为零。
jQuerys切换/ slideToggle函数似乎没有考虑到边距，所以我得到了一个跳跃的动画，所以我想做我自己的动画脚本，这样我就可以适当地控制正在动画的内容。
做这件事最好的方法是什么？当我尝试的时候，我只会弄得一团糟。也
浏览 9提问于2009-06-22得票数 0
回答已采纳
2回答
这似乎是一个愚蠢的问题，但我已经问了几个小时了，我不能让这个简单的东西工作。
我有一个高度0px的元素。
HTML
<div class="element"> ...content... </div>
CSS
.element {
height: 0px;
overflow: hidden;
transition: height 2s;
}
然后我有一些js用来检查按钮何时被点击，并将'animate‘类添加到元素中。
CSS
.animate {
height: auto;
}
问题是，没有css中指定的2秒动画
浏览 0提问于2016-11-01得票数 1
1回答
我正在开发带有CSS动画的谷歌AdWords的HTML5横幅广告。因为一个广告只能有30秒的动画，所以动画中不同阶段的内容通常是用户看不到的。
有没有办法找到(跨域)父窗口的视区，这样我就可以在我的广告的CSS/JS代码中启动动画，而它实际上对用户是可见的？
感谢您的帮助！
浏览 5提问于2017-09-25得票数 1
2回答
我目前正在尝试使用CSS3动画，并尝试只使用CSS (根本不使用javascript )来实现全景视图。
到目前为止，我得到了一个可以正常工作的演示：
想法很简单:如果用户悬停在边框中的黑色矩形，中心背景就会移动。
源代码：
但是我没有完成它，因为当鼠标离开:hover状态时，背景被重置到它的初始位置。我可以在初始状态上添加一个过渡来平滑它，但我希望实现的是在鼠标离开时暂停动画的计算(或视觉)状态，或者如果您愿意，不将其重置为初始状态。
我现在写在这里，因为经过一整天的磨洋工，我甚至不能得出结论，如果这真的是可行的CSS3动画…！
动画填充模式:前进；似乎不工作，也不触发动画播放状态:暂停在初
浏览 1提问于2011-10-04得票数 4
回答已采纳
2回答
我想问一下，是否有一种方法可以使用jQuery动画()方法来在窗口滚动中动画水平导航条的顶部属性。
下面是我使用的代码：
window.addEventListener("scroll", function() {
if (window.scrollY > 200) {
$('#navbar').css({top:"100px"});
}
else {
$('#navbar').css({top:"0px"});
}
},false);
CSS：
#navbar{
top:0;
positi
浏览 3提问于2014-09-20得票数 4
回答已采纳
2回答
如果用户在后台的新选项卡中打开页面，则在他/她切换到该页面之前会播放Css动画。有没有办法在用户选择标签后显示css动画？
浏览 1提问于2013-05-13得票数 0
3回答
UWP动画汉堡图标
、、、、
我想添加一个视觉动画汉堡图标到我的SplitView在c# UWP项目。
我知道有大量的CSS动画图标(比如或 (在2，2中)可以找到)，但很少有用于XAML的。还有一个家伙，他把一些CSS移植到XAML动画。
我想要一个非常好的动画，就像这个开发者在Windows应用程序：中所做的那样。
他是怎么做到的？我怎么能做到呢？这是否“只是”对Storyboard的过度使用？还是还有其他的花招？因为它是一个面向Win8的应用程序(而不是Win10)，我不认为它是由一个动画GIF完成的。
浏览 5提问于2016-02-13得票数 3
回答已采纳
3回答
我正在尝试使用jQuery复制/模拟使用CSS3动画制作的动画/效果。
我计划在CSS3动画不支持的情况下，使用jQuery版本作为后备。
这是一个CSS3动画的运行示例：
解释它的最好方法是奇数点击的翻转和偶数点击的翻转。
我所说的点击是指触发器上的点击，#trigger和奇数点击是点击1，3，5等，而偶数点击是第二，第四，第六等点击。
现在，我已经将CSS动画应用于类，并在单击触发器时切换类，所以如果可以将翻转动画应用于一个类，将翻转动画应用于另一个类，这将在我设置的环境中完美地工作。
我非常感谢所有人和任何人在这方面的帮助，我只是想不出如何制作如此复杂的动画-嗯，它不一定复杂，我不想吓跑
浏览 3提问于2013-03-09得票数 0
回答已采纳
1回答
我想将css3动画效果设置为多元素，但动画位置与元素的数量有关，这是不确定的。我必须通过js (可能是mvvm框架)来设置css样式。
示例代码：
@-webkit-keyframes position {
0% {left:0}
100% {left: 5*elementCounts px;}
}
我发现没有办法通过data-*来设置css属性，也没有办法添加定义内联的内联css3动画。有谁有办法用css或mvvm的方式解决这个问题吗？
浏览 2提问于2015-02-12得票数 0
我想触发动画只当一个按钮被点击没有JavaScript使用css或scss。 我尝试使用:active，但即使在页面加载之后，动画也会被触发。 我认为JavaScript可以解决这个问题，但我想知道是否有可能只使用css或scss来解决它。 #clickMe:active{
animation: rotateAnimation 2s linear;
}
@keyframes rotateAnimation {
from{transform:rotate(0deg);}
to{transform:rotate(365deg);}
} <body>
<bu
浏览 22提问于2020-10-01得票数 0
1回答
我有组件modal-window，我想让它与角度动画全屏。现在它被实现为document.querySelector('body').classList.toggle('modal-fullscreen');。另外，在css中，我有用于此动画的transition 0.3s。现在我需要在角度动画中重新制作它。如何从modal-window组件动画中直接更改body的样式？
浏览 0提问于2018-06-18得票数 0
我正在将一个提要放在一个UITableView中。我正在将一个自定义UIView添加到我的UITableViewCells中，并在drawRect:(CGRect)中绘制单元格的所有内容。
这很好，当用户点击一个单元格时，我展开单元格，子视图上的drawRect:(CGRect)再次被UITableViewCell调用，并绘制所有内容以反映这一点。这对性能非常好，UITableViewCell仅由一个子视图组成，所有内容都直接被拖入CGContext中。
现在我正在完善提要的功能，我想添加一些动画，以使用户更清楚地了解正在发生的事情。
我想在细胞扩展之前、期间和之后做动画。drawRect方法
浏览 0提问于2011-04-17得票数 1
更新到第14角，这个警告出现了。这些属性不在我的动画中使用。
[Error in console][1]
The animation trigger "rootItem" has built with the following warnings:
- The following provided properties are not animatable: overflow
(see: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties)
The animation trig
浏览 5提问于2022-06-16得票数 2
1回答
我目前正准备发布我的第一个基于的应用程序。我几乎把所有事情都解决了，除了一些小细节。
首先加载css
我发现自己希望在应用程序启动之前加载一些css；具体来说，是加载div的动画逻辑。我想要这个，否则旋转器不会旋转。我知道我可以单独包含spinner，但是我还是需要(想要)动画库，所以最好添加它。我在我的index.html中添加了以下内容：
<link href="jspm_packages/github/daneden/animate.css@3.4.0/animate.min.css" rel="stylesheet">
<link hr
浏览 4提问于2015-11-10得票数 3
回答已采纳
我正在创建运行在iBooks下的脚本电子书。他们使用JS、setTimeout和/或requestAnimationFrame制作动画。在对为什么动画运行如此缓慢的原因进行了广泛的调试之后，我发现计时器是在触发，而不是在我请求的20-50毫秒内(并在桌面上运行Chrome或Safari )，间隔时间是的10倍多，有时是1秒或更长的(这是setTimeout，因为显然requestAnimationFrame / webkitRequestAnimationFrame在iOS或至少在iBooks版的webkit中是不可用的)。
经过进一步的研究，我发现这显然不是iBooks问题，也不是iPad问
浏览 2提问于2012-09-06得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
