Re: [css-d] Simple display of concentric circles

2014-01-21 Thread Tom Livingston
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

Re: [css-d] Simple display of concentric circles

2014-01-21 Thread Tom Livingston
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

Re: [css-d] Simple display of concentric circles

2014-01-21 Thread Tom Livingston
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:

[css-d] Simple display of concentric circles

2014-01-21 Thread bruce . somers
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