67得票3回答
特定属性的CSS3过渡延迟

目前我正在通过在悬停时更改其背景颜色和字体颜色来样式化文本框:transition: background-color 1s, color 1s; 我现在想要通过使用transition-delay来更改背景颜色后的颜色。问题是,过渡延迟不会考虑我想要延迟的属性(即颜色)。是否有办法仅延迟特定属性?

65得票9回答
CSS使用线性渐变过渡效果

我试图为一个背景由css线性渐变制作的按钮添加过渡动画,但是没有效果。 这是我的按钮的css样式。a.button { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@green), col...

65得票9回答
在CSS Grid布局中使用CSS过渡效果

我正在尝试让我的固定头部具有过渡效果,以便它可以缓慢移动而不是突然移动。 我做错了什么? 这是我的一个工作版本: http://codepen.io/juanmata/pen/RVMbmr 基本上以下代码将类tiny添加到我的wrapper类中,这很好地实现了。 $(window)....

63得票4回答
CSS滤镜是否有可动画的过渡属性?

我正在尝试动画化CSS滤镜,但找不到有关正确的过渡属性的任何信息。它们是什么?这里有一个例子:http://jsbin.com/onijim/3/

62得票3回答
我能用CSS过渡动画绝对定位的元素吗?

我想使用CSS过渡动画来实现元素位置的变化,但即使我在所有属性上使用了过渡,例如这个例子中:http://jsfiddle.net/yFy5n/3/,它也没有起作用。 然而,我不想使我的最终解决方案适用于所有属性,而是只对位置变化应用过渡动画。因此,颜色变化应该是瞬间完成的,只有从左到右的位...

62得票3回答
互联网浏览器是否支持CSS过渡效果?

CSS 过渡 是在 CSS 属性值发生变化时实现动画效果的一种非常简洁的方法。IE 浏览器的任何版本都不支持它们吗?

60得票4回答
CSS过渡左->右和上->下位置之间的转换

是否可以使用CSS过渡动画将某物从位置left: 0px移动到right: 0px,以使其横跨整个屏幕?我需要使用从上到下的方式完成相同的动画效果。我应该计算屏幕宽度/对象大小吗?#nav { position: absolute; top: 0px; left: 0p...

57得票3回答
鼠标悬停和移开时使用不同的CSS过渡延迟时间?

是否可以在"状态"之间使用不同的延迟来切换CSS3过渡效果?例如,我正在尝试在悬停时立即使元素变高,然后在'mouseout'上等待一秒钟,然后滑动回元素的初始高度。 演示页面:jsfiddle.net/RTj9K(悬停在右上角的黑色框中) CSS:#bar { transition:.4...

56得票8回答
如何创建一个附加到<body>的React模态框,并带有过渡效果?

这个答案中有一个模态框 https://dev59.com/OoTca4cB1Zd3GeqPBfRp#26789089,它通过将基于React的模态框添加到 &lt;body&gt; 来创建。然而,我发现它与React提供的过渡插件不兼容。 如何创建具有转换效果(进入和离开时)?

55得票5回答
CSS3的transform旋转在Chrome中导致1像素的偏移

在使用CSS3的转换旋转过渡时,我在Chrome浏览器中遇到了一个问题。过渡效果很好,但就在完成后,元素会移动一个像素。另一个奇怪的事情是,只有当页面居中(margin:0 auto;)时才会发生这种情况。即使去掉过渡效果,这个错误仍然存在。 您可以在这里看到它的发生: http://js...