CODEWITHSUNDEEP
cssoperacss-transitions
CupOfTea696
CupOfTea696

Reputation: 1295

transition for box-shadow not working in Opera

I can't get CSS3 transitions for box-shadow to work in Opera. My code:

    .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 made e preview in jsFiddle here: http://jsfiddle.net/dcwAR/

Upvotes: 4

Views: 4326

Answers (3)

cgcgames
cgcgames

Reputation: 46

this

-o-transition:  box-shadow 0.5s;

should be this

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

Upvotes: 3

webinista
webinista

Reputation: 3764

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

Upvotes: 1

Alex
Alex

Reputation: 9041

Looks like support of box-shadow came in in version 10.62, presto 2.6:

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

So I would check your browser version.

Upvotes: -1

Related Questions