html - fading line (gradient) in IE10 -


i'm using following code display gradient line: http://jsfiddle.net/joshmesser/55zfk/ (found via website http://css-tricks.com/forums/discussion/10375/sexy-css3-fading-line/p1). works chrome , firefox, not show in ie10..

.sexy_line{  display:block; border:none; color:white; height:1px; background:black; background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#000), to(#fff)); 

}

being far css expert, googling led me http://ie.microsoft.com/testdrive/graphics/cssgradientbackgroundmaker/ don't seem able desired effect using -ms-linear-gradient function.

so question: code need nice gradient line (fading towards both sides, 1 in jsfiddle example) working in ie10?

many thanks!

try this:

http://www.colorzilla.com/gradient-editor/

it creates code cross-browser background.


Comments