Question

我无法让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/

Answer 1

此

-o-transition:  box-shadow 0.5s;

应该是这个

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

Answer 2

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

Answer 3

看起来像版本10.62中支持box-shadow，presto 2.6：

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

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

box-shadow的转换在Opera中不起作用

3 个答案: