动画化z索引

文章/答案/技术大牛

发布

1回答

html、css

transform: rotate(90deg);} <div class="box"></div>问题是页面上的其他各种元素都有不同的z-index我是否可以设置z索引的动画效果？例如，动画z索引1中的5s将应用，z索引3中的10s将应用。

浏览 12提问于2019-11-21得票数 0

回答已采纳

2回答

如果Oopacity等于0，则更改Css

javascript、jquery

但问题是： $('.hidden-content').css({ });为了解决我的问题，我可以在同一个函数中修改z-索引。因此，我需要的是另一段代码，它在上面的代码之后执行，并且只有在不透明度被平滑地设置为0之后才会更改z索引。= $('.hidd

浏览 5提问于2022-03-27得票数 0

回答已采纳

1回答

Z索引在javascript动画？

jquery、jquery-animate、z-index

有些div的z索引在我的javascript中有点问题。显示了发生了什么。在悬停时，div动画化并展开，并添加了一个z索引为9999999的top类。实际上，它似乎只发生在边缘，右下角是唯一看起来很自然的。任何帮助都是很好

浏览 1提问于2014-04-25得票数 0

回答已采纳

1回答

JQuery动画Z索引？

javascript、jquery、jquery-animate、z-index、animate.css

z-index将相应的图片切换到顶部。150px", } ); });问题是z-index但是，如果您再次单击#andrew，它会在.css(z-index)更改之前和之后以动画形式显示代码，但不会更改z-index以使pic1返回顶部。

浏览 0提问于2013-01-16得票数 0

回答已采纳

1回答

当独立元素的jQuery不透明度为1时，触发div的可见性

jquery、jquery-animate

我有一个幻灯片，它使图像的不透明度动画化，然后将其向上移动一个z索引。这是一个很好的幻灯片混合循环。但是，我希望页面上的其他内容仅在其中一张幻灯片可见时显示。是否可以跟踪其中一张幻灯片的可见性或z索引，以便当它的不透明度为1或z索引为8时，触发另一个div来显示(或动画显示)？

浏览 1提问于2011-12-23得票数 0

回答已采纳

3回答

使用z索引的CSS3动画问题

animation、css、css-transitions

我要蓝色的动画和红色的相配。现在，红色的在鼠标上方膨胀，而蓝色的在红色的下面膨胀。我希望每个人都能在另一个上面动画片。这很可能是通过改变:hover上的z索引来实现的，但这似乎不是很好。

浏览 2提问于2011-09-23得票数 0

2回答

jQuery z索引和动画问题

jquery、jquery-animate、z-index

我有一些代码，它可以在点击时为我的图像添加动画，然后给它添加一个z索引。我曾尝试在z索引更改之前放置一个delay，但仍然不起作用有什么想法吗？

浏览 1提问于2011-02-20得票数 0

回答已采纳

2回答

试图在背景图像之间添加平滑的图像转换

javascript、jquery、transition

' ); }); 我想知道如何在单击之间添加一个平稳的转换，并确保在单击每个选项卡时背景图像具有slideUp动画

浏览 6提问于2016-07-12得票数 0

2回答

文本动画Android Z索引

android、xml、animation

我正在做一个徽标问答类的应用程序，在正确的答案上，我希望文本/图像从Z轴到屏幕，更像是3d效果。然后文本/图像也应该稍微移动一下，就像在它所在的地方摇摆一样。我该怎么走呢？提前感谢！

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

回答已采纳

2回答

CSS动画忽略z索引。

html、css、twitter-bootstrap-3、css-animations

我想有两个图像相互重叠，与动画图像在后面和静态图像重叠。没有动画，它可以很好地与红色重叠的黑色图像。这是一把小提琴 .rotate{-webkit-animation:rotation 20s linear);}@-o-keyframes rotation0% {} 100% {-w

浏览 4提问于2014-09-09得票数 0

回答已采纳

2回答

SVG动画层z索引

css、svg

我试图动画在我的SVG中的小组的方式，盘旋将扩大它。在这里，您可以看到缩放层显示在棕色层的后面。></path> <path class="st1" d="M33.3,87.4v1.6h-0.3v-1.3h-0.9v-0.2H33.3z M32.2,88.1h0.3v0.9h-0.3V88.1z-0.3v-1.9H35.6z"><&

浏览 3提问于2017-06-26得票数 0

回答已采纳

2回答

我想让选定的瓷砖“反弹”使用CSS动画。(弹跳需要能够在四个基本方向中的每一个方向上发生:向上、向下、向左或向右，这取决于游戏的状态。)我的问题是，当我附加一个动画时，我看到内容正确地反弹到所选动画的左侧和上方的“前面”，但它错误地反弹到它右侧和下方的“后面”。absolute; height: 50px;} text-align: center; z-indexselected .tile-inne

浏览 16提问于2020-07-28得票数 0

回答已采纳

3回答

jquery动画与css动画之间的滞后

javascript、jquery、css、animation

我堆叠了5张图片，把它们都归为一个绝对位置，具有相同的上、左坐标和一个不同的z索引。 for(var j = 1; j <= imageLength; j++){ var currentZind

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

回答已采纳

2回答

Windows 8中的主题过渡Z索引

xaml、windows-8、windows-runtime、winrt-xaml

问题是，当主题过渡被买到页面的前面时，动画元素不可靠地相互重叠，当它返回到正确的z索引时，会导致糟糕的过渡。无论元素在可视化树中是如何构造的，或者应用于元素的z索引是如何构造的，问题仍然会发生。

浏览 1提问于2012-11-23得票数 3

2回答

在Nav上增加身体边缘的Jquery函数

jquery、html

我使用这片JQ动画显示侧导航条悬停在菜单图标。现在我有导航条，.8，不透明度和z索引出现在身体上。我想要做的是让主体将左边边缘的增加动画化，为导航栏的显示腾出空间，而不是让它出现在顶部。当然，我希望脚本能够逆转mouseLeave上的动画。希望这是合理的。有人知道我可以在代码中添加什么才能得到所需的结果吗？

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

回答已采纳

1回答

在Safari的CSS3转换结束时维护z索引

css

我想通过单击一个div来更改它的z索引，只使用CSS3。我可以用我的代码在除safari之外的所有浏览器中实现它。我已经尝试过使用:target过渡和:target动画(使用动画-填充-模式:前进)，但这两种方法都不起作用。以下是我的代码(简化)：z-index: 30;transition: all 1s ease-in-out;} 如何在最终值(=1)中维护z索引

浏览 18提问于2020-05-27得票数 0

5回答

位置上的jQuery fadeIn :绝对原因z-索引问题

javascript、jquery、debugging

严格来说，我用的是fadeToggle()，但他们是表兄弟.基本上，我的问题是，我有一个绝对定位的div，我正在使用slideToggle()，但Z索引是没有设置，直到动画完成。结果是，在淡出过程中，相邻div中的文本(其z-索引值低于褪色值)出现在z-索引较高的div衰落的“顶部”。有人熟悉这种怪癖吗？知道什么解决办法吗？编辑：请允许我澄清:当动画完成时，z索引解析正确，但在过渡期间文本位于其之上。

浏览 5提问于2011-08-14得票数 15

回答已采纳

1回答

当画布元素上方还有另一个元素时，如何使画布元素中的处理脚本对光标做出反应？

javascript、html、canvas、z-index、processing

我为一个网站做了一个背景动画。动画响应光标的位置。它是通过处理创建的。我把它放在网站上通过画布元素。但是现在，当然，在画布元素中的处理动画不会再对光标做出反应了，如果光标超过了一个较高的z索引元素。有没有办法让每个元素--不管其z位置--对光标做出反应？

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

回答已采纳

1回答

更改z索引的jquery动画

javascript、jquery、css、z-index

我遇到了一个问题，如果我只使用".button“类，当光标在div上移动时，动画将无法控制地弹出。我试图通过将一个单独的".sbutton“div加上一个z索引来解决这个问题，这使得它保持在顶部，因此它应该独立于跳跃的".button”类。它被赋予了一种颜色(红色)，因此z-指数可以在jsfiddle示例中进行检查。$( "#menudisplay" ).html("");我的问题是：为什么".sbutto

浏览 2提问于2014-06-20得票数 2

回答已采纳

1回答