After a quick test, it's not as smooth as borders (in FF). Though that
may be fixable with different settings. Like I said, it was a quick
test:
.grad{
background: rgb(0,52,120);
background: -moz-radial-gradient(center, ellipse cover,
rgba(0,52,120,1) 0%, rgba(0,52,120,1) 15%, rgba(255,255,255
Also, may be able to do it with a radial gradient and some
well-planned color stops, but you may be then excluding some browsers
you need to support.
You can play here:
http://www.colorzilla.com/gradient-editor/
HTH
On Tue, Jan 21, 2014 at 12:22 PM, Tom Livingston wrote:
> On Tue, Jan 21, 2014
On Tue, Jan 21, 2014 at 12:13 PM, wrote:
> I've got some sort of mental block. I would like to display a series of
> concentric circles with diameter 2 cm, 4 cm, 6 cm, 8 cm ...
>
> At the moment, I have
> .circle1 { border: 4px solid #99;
> height: 60px; width: 60px; border-radius:
I've got some sort of mental block. I would like to display a series of
concentric circles with diameter 2 cm, 4 cm, 6 cm, 8 cm ...
At the moment, I have
.circle1 { border: 4px solid #99;
height: 60px; width: 60px; border-radius: 60px; }
.circle2 { border: 4px solid #990