for. It obviously is, of course.
Thanks again Bruce
Gesendet: Dienstag, 21. Januar 2014 um 18:22 Uhr
Von: Tom Livingston tom...@gmail.com
An: bruce.som...@web.de
Cc: CSS Discussion Group css-d@lists.css-discuss.org
Betreff: Re: [css-d] Simple display of concentric circles
On Tue, Jan 21, 2014 at 12
Livingston tom...@gmail.com
An: bruce.som...@web.de
Cc: CSS Discussion Group css-d@lists.css-discuss.org
Betreff: Re: [css-d] Simple display of concentric circles
On Tue, Jan 21, 2014 at 12:13 PM, bruce.som...@web.de wrote:
I've got some sort of mental block. I would like to display a series
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
On Tue, Jan 21, 2014 at 12:13 PM, bruce.som...@web.de 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;
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 tom...@gmail.com wrote:
On
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%,
