css - webkit 过渡不起作用

标签 css hover css-transitions

http://jsfiddle.net/cJrgB/

#shortcut-bar 中的超链接被赋予 -webkit-transition: background .25s ease-in-out。但它不起作用。我还尝试了 all .25s ease-in-out

我的问题对应的代码行在:

/* vvvvvvvvvvvvvvvvvvvvv 这里是vvvvvvvvvvvvvvvvvvvvv */

PS:请给我解释一下什么是ease-in-out ease-in ease-out ease等意思

PS2:还有,transition property哪个地方比较好,是在:hover伪类还是在它的一般区域,没有:hover的那个

最佳答案

广告主要问题:我认为过渡不适用于渐变。

广告附言:见CSS3 Transitions

广告 PSS:如果您将过渡添加到 :hover,它只会在 :hover 上激活,所以当您“unhover”时,根本不会有过渡.

关于css - webkit 过渡不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16000664/

相关文章:

html - 为什么 CSS 文件没有加载到 React 应用程序中

jquery - 仅将鼠标悬停在 1 个具有相同 jquery 类的元素上

css - 仅更改链接的 h1 悬停颜色

css - 高度为 : auto 的滑入式 CSS3 动画

css - Joomla - 横幅模块 - 标题位置

html - 尝试将列表定位在设备友好页面的内联图像上

CSS 样式父元素

javascript - 如何在移动设备上取消悬停元素

元素尺寸的 CSS3 过渡从百分比或自动到像素大小不起作用

javascript - 在 webkit 浏览器中通过 Javascript 使用 CSS 重新绘制减速