在Opera中，box-shadow的过渡效果无法正常工作

Question

我在Opera浏览器无法实现CSS3阴影过渡效果。以下是我的代码：

    .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/

（说明：该段文字为中文）

- CupOfTea696

---

在我的 Opera 11.60 上运行良好。 - Alex

Answer 1

这个

-o-transition:  box-shadow 0.5s;

应该是这样的

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

- cgcgames

Answer 2

这在Opera 11.62中有效，它是最新的正式版本。

- webinista

Answer 3

看起来box-shadow的支持是在版本10.62，presto 2.6中引入的：

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

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

- Alex

---

他们需要帮助的是转换为box-shadow。 - daveyfaherty

我正在使用Opera 11.61。就像puppybeard所说，我需要在过渡方面寻求帮助。 - CupOfTea696