我在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/
(说明:该段文字为中文)