Mac上的CSS过渡动画Jank w/zindex (Retina)

文章/答案/技术大牛

发布

1回答

css、performance、angular、transition、jank

当点击汉堡包图标时，sidenav通过JS给它一个宽度并通过CSS给它一个过渡，从右到左的动画打开，背景中的主要内容div被褪色为不透明的黑色。问题是在sidenav的开场和闭幕上笨拙的开场动画jank。请不要忘记，我对Angular还是个新手。我已经尝试了所有方法来实现正确的堆栈(在不同的div中使用zindex，在CSS中

浏览 13提问于2017-07-18得票数 0

回答已采纳

2回答

如何将平滑过渡添加到我的Javascript代码？

javascript、jquery

首先，为我糟糕的javascript知识道歉。我昨天才开始学习它，在短时间内理解它是相当困难的。我是一名设计师，所以编程不是我的专长，但我想至少学习一些基础知识。所以现在找的借口已经够多了。我想知道为什么在我的代码中，当我按下图像时，当它放大时没有动画显示，但当我关闭它时-动画显示。我尝试过在任何地方添加不透明度和过渡 $('img[data-enlargable]') .addClass('img-enlarg

浏览 14提问于2019-06-20得票数 1

回答已采纳

2回答

jQuery动画在火狐和Chrome中流畅，但Safari 5没有

javascript、jquery、firefox、google-chrome、safari

opacity : 0.0 }) </script>不透明动画在

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

1回答

jQuery Cycle2插件-反转方向

jquery、reverse、cycle2

我试图制作一个幻灯片，其中只有三张幻灯片，但每一张都有一个不同的过渡。准确地说，就像这样：你知道用Cycle2能不能做到这一点吗？这是我用来测试它的钢笔：#holder{width: 30%; overflow: hidden;}#slide2

浏览 3提问于2017-05-07得票数 1

1回答

如何在动画之后改变背景图像？

jquery、css

我正在尝试更改背景图像，但不起作用：$('button').click(function(){}); #img{ animation-play-state

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

0回答

显示div CSS3动画

html、css

我想做这样的CSS3动画@keyframes ImageAnimation { { opacity:1; width:100%;} <img src="http://www.w3schools.com/

浏览 10提问于2016-12-29得票数 1

1回答

是否有可能将css转换链接到scrollTop值？

jquery、css、scroll、position、transitions

我正在做一个有视差和一些滚动效果的网站，你可以在这里找到它：我试过了，但是现在(与链接不同的版本)，例如菜单栏的扩展被触发了，但是当它触发时动画就完成了。这不是我想要的。我想要的动画是‘

浏览 1提问于2014-05-15得票数 0

3回答

Safari在运行无关动画时更改字体粗细

animation、css、safari、webkit、css-animations

我在我的页面上使用css动画，当动画运行时，Safari似乎在页面的其他地方改变了无关的字体粗细。知道为什么会这样吗？所有其他浏览器都能正常工作，包括像Chrome这样的webkit浏览器。我已经在这里的视频中详细介绍了这个错误-- 该网站也在这里- ，但它可能会保持快速变化。在闪烁的标题上没有应用任何过渡。在Mac上-所以可能是硬件加速，但我仍然在努力弄清楚。

浏览 3提问于2012-03-16得票数 33

回答已采纳

3回答

css过渡:选择不同的悬停速度

html、css

有没有可能在css中为过渡选择不同的时间/速度，这样当鼠标悬停在div上时，它会以不同的速度扩展，而不是以不同的速度缩回到原来的宽度，而不是悬停状态。我曾尝试在hoer和normal状态样式中声明不同的转换速度，然而，似乎只有normal状态样式适用。 1)它的扩展速度与之相同。2) zindex在动画完成后生效，因为我没有gte的原因。 3)其他图像即使不应该

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

回答已采纳

1回答

滚动轮在Chrome for OSX中不起作用

macos、google-chrome、jsf、retina-display

我有一个用JSF和PrimeFaces构建的应用程序。我使用的是一个layoutPane，里面有两个面板。我已经设置了CSS来滚动面板的内容部分，但是滚动轮不能在使用Chrome版本51的OSX上工作。但是，我可以使用箭头键滚动该部分。我还需要注意的是，我使用的是一台配备Retina display的Mac Pro。我还连接了第二个显示器，它是HP w2207。更有趣的是，如果我将

浏览 5提问于2016-07-19得票数 0

回答已采纳

6回答

使用CSS动画比使用jQuery动画有什么优势吗？(性能或其他)

jquery、css

我的意思是，CSS动画很酷，但CSS3兼容是恼人的不标准。但是，忽略浏览器的所有问题以及它们无法与最新的W3C保持同步，为什么要实施它们？

浏览 3提问于2011-10-29得票数 7

回答已采纳

1回答

第一次渲染时不显示react-spring过渡

reactjs、css-transitions、css-transforms、react-spring

我试图通过切换一个按钮来使用页面侧面抽屉上的过渡挂钩。但当我点击那个按钮时，没有动画，因为侧面抽屉会立即打开，但如果我第二次点击，那么侧面抽屉就会随着动画关闭。此外，如果我在从DOM中移除抽屉之前单击该按钮，则会出现从左开始滑动的动画。我不知道问题出在哪里。请帮帮我。谢谢。下面是我的代码： import React, { useState } from "react"; import { useTransition, animate

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

10回答

CSS:动画与过渡

css、css-transitions、css-animations

因此，我了解如何执行CSS3 和。不清楚的是，我已经在谷歌上搜索过了，那就是什么时候使用哪一个。然而，在某些情况下，无论哪种方式都可以实现上述效果。.2s ease-out; -webkit-transform: translateX(240px);.s

浏览 70提问于2013-12-15得票数 176

回答已采纳

1回答

CSS·IE10+中无法工作的转换和动画

internet-explorer、css、internet-explorer-10

我用CSS3开发了一个带有几个动画的页面，并在所有现代浏览器上正常工作，IE除外。我不期望它能在旧版本上工作，但是检查W3C文档中我使用的CSS属性，即使没有供应商前缀，它们也应该可以工作。即使如此，我还是包含了适用于所有属性的所有供应商前缀。带有CSS<

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

2回答

滚动边道过渡的变化速度

javascript、slideshow、transition

我找到了一些滚动幻灯片的代码，我想要使用这些代码，我想出了如何在每一张幻灯片静止时改变它的持续时间，但不知道如何更改实际过渡的持续时间(幻灯片进出的部分)。我把密码粘在这里了。另外，这种效果是否可以仅用css来实现，如果是的话，有人能解释一下吗？理想情况下，我希望只使用css，因为我认为它会更简单，而且我更熟悉它。谢谢。 <!/w3css/4/w3.css&quo

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

回答已采纳

2回答

Google Chrome高度动画的奇怪行为

google-chrome、css、animation

我正在尝试使用CSS在我的网站上显示一个‘div’的高度。你可以在上面看到：有什么解决方案吗？DOCTYPE ht

浏览 0提问于2013-03-23得票数 0

回答已采纳

4回答

如何增加引导进度条？

php、javascript、twitter-bootstrap

我刚开始使用.php/Java，谁能告诉我如何让我的引导进度条根据用户设置的时间递增。javascript"> </script><input type="text" id="speed&q

浏览 0提问于2012-08-31得票数 3

回答已采纳

3回答

在(以前)动画列表上不滚动MacBooks触控板

html、css、macos、safari

我的问题是：我简化了标记和CSS，并做了一个小提琴--但是小提琴是正确的:D (也许是一个很好的跟踪.)所以我把它放到了托管服务上。，但是Ma

浏览 0提问于2018-09-20得票数 9

回答已采纳

1回答

Firefox不引发过渡事件

html、firefox、google-chrome、css

-3d; -moz-transition: all 1s ease-in-out 0s;这里的问题是，当我试图为firefox过渡是没有发生。谁能告诉我这里的根本原因或问题是什么。

浏览 2提问于2012-03-12得票数 3

7回答

动画元素变换旋转

jquery、transform

如何使用jQuery的.animate()旋转元素？我使用的是下面这行代码，它当前正确地设置了不透明度的动画，但是它支持CSS3变换吗？

浏览 5提问于2011-03-29得票数 84

回答已采纳

点击加载更多