...

View Full Version : CSS3 Eliptical Gradient - Banding in Safari



BenBrook
06-03-2012, 06:20 AM
The gradient I am trying to make has this glitch in Safari where it appears to be banding. It does not glitch in linear gradients.. Any ideas? This is the code used:
Banding:
http://i.imgur.com/NbMtv.jpg

The Code Being Used:


<style type="text/css">
body {
/* IE10 Consumer Preview */
background-image: -ms-radial-gradient(right bottom, ellipse farthest-corner, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);

/* Mozilla Firefox */
background-image: -moz-radial-gradient(right bottom, ellipse farthest-corner, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);

/* Opera */
background-image: -o-radial-gradient(right bottom, ellipse farthest-corner, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);

/* Webkit (Safari/Chrome 10) */
background-image: -webkit-gradient(radial, right bottom, 0, right bottom, 994, color-stop(0, #932778), color-stop(0.5, #FAA676), color-stop(0.75, #ECCC81), color-stop(1, #FBEDD8));

/* Webkit (Chrome 11+) */
background-image: -webkit-radial-gradient(right bottom, ellipse farthest-corner, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);

/* W3C Markup, IE10 Release Preview */
background-image: radial-gradient(ellipse farthest-corner at right bottom, #932778 0%, #FAA676 50%, #ECCC81 75%, #FBEDD8 100%);
}
</style>


Running Safari Version 5.1.5 (7534.55.3)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum