CODEWITHSUNDEEP
css
Ahmad Badpey
Ahmad Badpey

Reputation: 6612

css3 gradient not work in opera

i want to use css 3 gradient in all browser for a specefic element. i use http://www.colorzilla.com/gradient-editor for that and it create the following code : 

background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
background: linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );

it works fine on all major browsers Except Opara.
what is Problem and solution? i am using Opera 11.0

Upvotes: 1

Views: 938

Answers (4)

cgvector
cgvector

Reputation: 929

This will work for you..

background-image: -o-linear-gradient(90deg,rgb(18,79,126),rgb(59,137,197));

Upvotes: 0

Asif
Asif

Reputation: 756

Safari 4+, Chrome 1+, Firefox 3.6+, and Opera 11.10+ are now supporting CSS3 gradients. Go here for more details: www.css-tricks.com/css3-gradients/

Upvotes: 1

Ajay
Ajay

Reputation: 100

Opera11 is not CSS gradient featured.

Upvotes: 1

Andrew
Andrew

Reputation: 13853

Problem is Opera 11.0 solution is Opera 11.1

http://caniuse.com/css-gradients

Upvotes: 2

Related Questions