2856得票46回答
如何使用CSS将height: 0; 过渡到 height: auto;?

我正尝试使用CSS过渡让一个<ul>下拉。 <ul>的初始高度为height: 0;。当鼠标悬停时,高度设置为height:auto;。然而,这只会导致它简单地出现,而不是过渡效果。 如果从height: 40px;开始到height: auto;,那么它将向上滑动...

1932得票40回答
CSS display属性的转换

我目前正在设计一个CSS“超级下拉”菜单-基本上是一个常规的仅使用CSS的下拉菜单,但其中包含不同类型的内容。 目前看来, CSS 3转换不适用于“display”属性,也就是说,您无法从“display: none”到“display: block”(或任何组合)进行任何过渡。 是否有一...

654得票7回答
具有多个属性的CSS转换速记格式?

我似乎无法找到多个属性使用CSS转换缩写的正确语法。这样做没有任何效果:.element { -webkit-transition: height .5s, opacity .5s .5s; -moz-transition: height .5s, opacity .5s .5s...

538得票4回答
使用CSS实现页面加载时的淡入效果

可以使用CSS转换来使文本段落在页面加载时淡入吗? 我非常喜欢http://dotmailapp.com/上的效果,并且很想使用类似的CSS效果。该网站已被收购,不再具有所提到的效果。您可以在Wayback Machine上查看归档副本。 示例 有以下标记:<div id="tes...

451得票8回答
如何在一个元素上实现多个CSS过渡效果?

这是一个相当简单的问题,但我在CSS过渡属性方面找不到很好的文档。以下是CSS片段: .nav a { text-transform:uppercase; text-decoration:none; color:#d3d3d3; line-height:1...

277得票21回答
使用CSS3过渡效果与渐变背景

我正在尝试使用CSS在缩略图上悬停时进行过渡,以便在悬停时背景渐变淡入。过渡效果不起作用,但如果我将其简单地更改为rgba()值,它就可以正常工作。渐变不支持吗?我也尝试使用图像,但图像也无法过渡。 我知道这是可能的,因为在另一篇帖子中有人做到了,但我无法弄清楚具体的方法。有人能帮忙吗?以下...

272得票13回答
加载时的CSS3过渡动画?

有没有可能在页面加载时使用CSS3过渡动画而不使用JavaScript? 这就是我想要的,但是在页面加载时: image-slider.html 目前我找到的是 CSS3 transition-delay,一种延迟元素效果的方法。仅适用于鼠标悬停。 CSS3 Keyframe,在加载时有效,...

244得票6回答
CSS 3从左侧滑入过渡效果

有没有跨浏览器的解决方案,可以仅使用CSS而不是JavaScript来实现幻灯片式过渡效果?以下是HTML内容示例:<div> <img id="slide" src="http://.../img.jpg /> </div>

219得票6回答
如何使用jQuery等待CSS3过渡效果结束?

我想淡出一个元素(将其不透明度过渡到0),然后当完成后从DOM中删除该元素。 在jQuery中,这很简单,因为您可以指定“删除”在动画完成后发生。但是,如果我希望使用CSS3过渡进行动画处理,有没有办法知道过渡/动画何时完成? 我希望能够为您提供帮助!

192得票6回答
CSS3过渡事件

有没有任何事件可以被元素触发来检查CSS3过渡是否已经开始或结束?