переход для box-shadow не работает в Opera

Question

Я не могу заставить CSS3 переходы для box-shadow работать в 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

Похоже, поддержка box-shadow появилась в версии 10.62, presto 2.6:

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

Так что я бы проверил версию вашего браузера.