我无法让 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/
最佳答案
这
-o-transition: box-shadow 0.5s;
应该是这个
-o-transition: -o-box-shadow 0.5s;