121得票10回答
CSS动画和Display None

我有一个CSS动画,用于在一定时间后滑动显示一个div。我想要的是,让几个div填充滑动进来的动画div的空间,然后将这些元素向下推。 但是当我尝试时,刚开始滑动进来的div即使不可见仍然占据空间。如果我将该div更改为display:none,则该div根本不会滑动进来。 我该如何使一...

121得票3回答
CSS:如何在鼠标移出时过渡透明度?

.item:hover { zoom: 1; filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: opacity .15s ease-in-out; ...

112得票5回答
CSS过渡效果在类被移除时

我有一个表单,它作为设置页面。当表单元素被修改时,它们会被标记为 未保存 并具有不同的边框颜色。当表单保存时,它们将通过具有另一种边框颜色来标记为已保存。 我想要的是当表单保存时,边框会逐渐淡出。 顺序如下:<input type='text' class='unsaved' />...

105得票5回答
CSS 转换回调

在CSS过渡完成后,是否有可能获得通知(例如回调)?

105得票2回答
如何使用平滑效果进行window.scrollTo()?

我可以使用以下代码滚动到200px的位置btn.addEventListener("click", function(){ window.scrollTo(0,200); }) 但我想要平滑的滚动效果,我该怎么做?

99得票6回答
使用CSS3或jQuery将一个元素的宽度从0动画到100%,使它和它的包装器只有必要的宽度,而没有预设的宽度。

http://jsfiddle.net/nicktheandroid/tVHYg/ 当悬停在.wrapper上时,它的子元素.contents应该从0px动画到其自然宽度。当鼠标离开.wrapper时,它应该动画回到0px。 .wrapper元素的宽度应该尽可能小(允许.contents增长...

98得票2回答
CSS3转换:使用“transition: all”比“transition: x”慢吗?

我有一个关于CSS3过渡属性渲染速度的问题。 假设我有许多元素:div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:...

98得票5回答
CSS过渡自动高度不起作用

我有一个网站,决定用纯CSS代码片段替换基于jquery的切换框。当我为过渡效果使用固定高度值时(CSS的最后几行),它可以正常工作,但是当使用auto值时,动画效果就会丢失,只有高度变化有影响!是否有一种方法可以使用自动值?我想使用可变文本和无脚本。 .ac-container{ ...

96得票9回答
悬停效果:底部边框扩展

我正在尝试实现一个在边框上悬停时扩展的过渡悬停效果。 h1 { color: #666; } h1:after { position: absolute; left: 10px; content: ''; height: 40px; width...

94得票5回答
CSS如何使一个元素淡入然后淡出?

我可以通过将元素的类更改为.elementToFadeInAndOut并使用以下CSS代码来使其透明度从零到一渐隐渐现:.elementToFadeInAndOut { opacity: 1; transition: opacity 2s linear; } 我可以通过编辑同一...