css-animations

1热度

2回答

我在应用程序中创建了一个简单的加载网格，并在其上添加了一个动画。这个动画似乎适用于除IE11以外的所有浏览器。有人可以帮我理解为什么它不工作，如何让它在IE11中工作？ .loading { background-color: #ededed; height: 12px; width: 500px; overflow: hidden;

3热度

1回答

为什么我的React手风琴动画不能使用？

我已经在React中实现了我自己的响应式手风琴，并且我无法让它在折叠的开头处动画。这是特别奇怪的，因为我可以在标题之前获得图标以上下动画，除了图标是伪元素之外，我似乎无法看到两者之间的区别。 JS： class Accordion extends React.Component { constructor(props) { super(props); this.st

0热度

1回答

css动画不能使用javascript代码

我正在尝试使用基于w3 css的自动Javascript幻灯片放映，当您点击箭头时切换到手动模式。除此之外，在开始时，如果未点击前一个或下一个箭头，幻灯片将运行2个循环。在幻灯片播放的2个循环之前单击上一个或下一个箭头也会将幻灯片切换为手动。问题在于W3Css衰落动画。如果我保留它，在自动循环结束时，幻灯片会保持淡入淡出状态，同时应保持静止。所以，我用下面的代码删除衰落动画 - Array.pr

0热度

1回答

如何停止svg动画？

我有一个SVG动画，我想知道如何在动画序列完成一次后停止并离开SVG。这样的标志停留在页面上，直到下一个页面刷新等这里的演示： https://jsfiddle.net/u410bjyk/ HTML： <svg class="pin" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.

1热度

1回答

缓和和缓解的过渡

所以我有这些汉堡包菜单图标，除了一件事外，它们工作得很好。我想让他们在动画已经发生之后稍微缓慢一点。我尝试添加缓解功能，菜单仍然快速恢复。我敢肯定，这是一些简单的我失踪下面来看看我的代码： (function() { var burgerarrow, burgercross, burgerplus; burgercross = document.getElemen

0热度

2回答

移动jQuery动画的多个实例的图像

我有一个图像，我需要在同一时间上下来回移动页面。我无法让他们全部一起运行，他们单独工作得很好。我想知道如何组合这些功能来让它们一次全部运行。 var homeWide = $('.container').width(); var width = (homeWide - "250"); moveRight = function() { $('img.homeFish

2热度

1回答

使用@keyframes以不透明方式淡出时，如何使用该事件重复动画？

我正在为用户弹出一个标签，如果用户试图拖放已经被拖动的元素。问题是，动画仅发生在一次，并且在动画结束时，它将永远具有不透明度0。 CSS @keyframes smooth { 0% { opacity: 1;} 100% { opacity: 0;} } .o_tip{ position: absolute; z-index: 999; display

0热度

1回答

将关键帧动画合并为一个

我有一幅图像，我想“走过”一个div，然后在水平方向翻转并以另一种方式回头。我在这里创建了一个codepen：https://codepen.io/jessiemele/pen/rGQWWE。 tinyWalk动画在结束之前变得非常有弹性，在它回到开始之前，我假设它是形成击中div顶部的图像。我想知道是否有一种方法可以将这两种动画结合起来在图像上运行它们，这样我就不必在div上运行tinyWalk

1热度

1回答

触发css动画时，在视口元素

非常感谢您的眼睛。 Javascript的目的是延迟css动画，直到用户在其视口中具有元素。当你运行它时，向下滚动查看这个元素。如果移动速度足够快，您会看到滚动，但不会等待。 https://jsfiddle.net/3jvvvf4s/ 我的代码从该网站：我在，我相信它应该工作的状态，我和代码小提琴 http://www.justinaguilar.com/animations/index.ht

1热度

1回答

元素，没有高度，保证金，填充或边框依然占据，因为它下面的元素利润率

我有这样的元素的列表的空间： <div class="outer"> <div class="inner first">First</div> <div class="inner">Second</div> </div> 如果我申请以下样式 .inner { height: 30px; margin: 10px; } .first {