I need to make multiple gradients like below: Now see how the center of the grey/white gradient differs, in some cases it come from the center, for some from the left-center, for some from the c...

I'm trying to make a 5 circle rating system using CSS and HTML only (see below image for what I'd like it to look like), but I'm not sure how to achieve this. My initial idea was to make 5 cir...

Is there any way to create circle with gradient like this ? As far as i get is this: <shape android:innerRadiusRatio="3" android:thicknessRatio="10" android:shape="ring"> <gradient...

Is it possible to make dotted text with css? I know that the obvious thing would be to use a dotted font, but If I only need to use dotted text sparingly, then having the user to download a whole ...

For some reason, my firefox doesn´t show radial gradient when using a Canvas, does anyone know why? (I don´t have this problem on other computers) here is some of the code I´m using: var canvas =...

-moz-radial-gradient(center -200px , ellipse farthest-corner, #323C49 0%, #718299 65%) no-repeat scroll 0 0 transparent; I have this code above and i just realized that this gradient goes from to...

The outcome of the gradients should not be the same? Why are they so different... Am I missing something? DEMOSTRATION SVG <radialGradient cx="50%" cy="50%" r="100%" spreadMethod="pad" id="ra...

I referred to following article. What I actually need to draw is concentric/ Concrete circles with an effect as shown in image below. I am finding it difficult to a) Draw the white streaks radiall...

I need a radial gradient in the shape of an oval or ellipse and it seems like it CGContextDrawRadialGradient can only draw a perfect circle. I've been drawing to a square context then copying/drawi...

On my page i'm using a lot of CSS3 gradients. I would like to provide some SVG fallback for IE and Opera. Creating SVG fallbacks for CSS3 linear-gradient is pretty easy. I use the following code: ...

I'm using a radial gradient in Cairo, but I'm not getting the expected results. The radial gradient I'm getting is much less fuzzy than I'd expect and I can't seem to fiddle with the color stops in...

I'm trying to draw spherical pieces for a game, in WPF. Pieces are drawns as Elipses with RadialGradientBrushs. As you can see below, my black pieces look fantastic, but it is hard to get the white...

I am in the process of trying to get my head properly around CSS3 Gradients (specifically radial ones) and in doing so I think I've set myself a relatively tough challenge. In Adobe Illustrator I ...

How would I make the radius 200px in width and height? I've read that this can be done in pixel units, but every attempt has failed. background-image: -webkit-radial-gradient(75% 100%, circle fart...

I have a Rectangle with rounded corners (but not an ellipse), something like this: <Rectangle Stroke="Black" StrokeThickness="2" RadiusX="50" RadiusY="100"> <Rectangle.Fill> <Rad...

This is working in Chrome but not in Safari: background: -webkit-radial-gradient(center, ellipse cover, #fdfdfd, #d3d3d3); How can I fix it for Safari?

I'm playing around with createRadialGradient() on HTML5 canvas. It works like a charm, except when I'm trying to implement (semi-)transparency. I made this jsFiddle to make things hopefully cleare...

I am working on a website which uses multiple css3 gradients as overlay for a background tiled with texture image site url: --snipped-- currently for header i am using following css: #header { ...

I'm using AS3 (Flash) to read SVG files and display them. The problem is correctly displaying a linear/radial gradient. Following is an example of a simple linear gradient from Red to Blue, in SVG....