box-shadow 的过渡在 Opera 中不起作用答案

【问题标题】：transition for box-shadow not working in Operabox-shadow 的过渡在 Opera 中不起作用
【发布时间】：2012-03-15 09:54:26
【问题描述】：

我无法让 box-shadow 的 CSS3 过渡在 Opera 中工作。我的代码：

    .shadow {
    box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 20px;
    -moz-transition: -moz-box-shadow 0.5s;
    -webkit-transition: -webkit-box-shadow 0.5s;
    -o-transition:  box-shadow 0.5s;
    transition: box-shadow 0.5s;
    }
    .shadow:hover {
    box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
    -webkit-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
    -moz-box-shadow: 0px 0px 20px rgba(0,235,255,0.8);
    }

我在这里在 jsFiddle 中进行了电子预览：http://jsfiddle.net/dcwAR/

【问题讨论】：

在 Opera 11.60 中工作正常

标签： css opera css-transitions

【解决方案1】：

这个

-o-transition:  box-shadow 0.5s;

应该是这样的

-o-transition:  -o-box-shadow 0.5s;

【讨论】：

【解决方案2】：

这适用于 Opera 11.62，它是最新的最终版本。

【讨论】：

【解决方案3】：

看起来对 box-shadow 的支持出现在 10.62 版，presto 2.6 中：

http://www.opera.com/docs/specs/presto26/

所以我会检查你的浏览器版本。

【讨论】：

这是他们需要帮助的向 box-shadow 的过渡。
我正在使用 Opera 11.61 就像 puppybeard 说的，我需要过渡方面的帮助。