Transition for borderless shadows in Opera

Question

I cannot get CSS3 transitions for box-shadow to work in Opera. My code is:

.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); } 

I did an e preview in jsFiddle here: http://jsfiddle.net/dcwAR/

Answer 1

this is

 -o-transition: box-shadow 0.5s; 

must be specified

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

Answer 2

This works in Opera 11.62, which is the latest final release.

Answer 3

It looks like box-shadow support appeared in version 10.62, presto 2.6:

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

So I would look at your browser version.