border-image

CSS Border Image Gradient Not Working in Safari 10

时光总嘲笑我的痴心妄想 提交于 2019-12-05 12:48:01
I ran into an issue with Safari 10 and CSS border image gradients. It works in all other browsers, and even in Safari 9. It even shows up in Safari 10 in online simulators. Please see images below: (I guess that's IE 11, not IE 10. Thanks for the correction!) I assumed it was just my CSS so I really simplfied it and made a fiddle. You can see it at https://jsfiddle.net/tgbuxkee/ It's also generated below too. div { width: 200px; height: 200px; border: 6px solid transparent; -moz-border-image: -moz-linear-gradient(top, #f0e2d0 0%, #c08b62 100%); -webkit-border-image: -webkit-linear-gradient(top