Here is an example pen <http://codepen.io/Sheep/pen/QEaLrV>; the SVG is
being loaded externally, absolute path in this case. There are classes
for each path within the SVG, I want to stylize the classes individually
within the SVG, not just fill the classes with a path.
Many of you have posted some good links, even if I've read them, none
appear from my understanding to stylize classes from outside the SVG; I
hopefully want to keep SVG separate from CSS, not intermix the two
together within the SVG file.
Tom Livingston <mailto:tom...@gmail.com>
Wednesday, July 13, 2016 4:55 PM
Updated again. Sorry. My mistake. Just the class is working.
(I had left the style embedded inside the svg, so using "circle.st0" was
just more specific.)
Tom Livingston <mailto:tom...@gmail.com>
Wednesday, July 13, 2016 4:50 PM
Updated to style the circles as well. Have to specify "circle.st0" for
this
to work in chrome. Just the class didn't seem to work.
Tom Livingston <mailto:tom...@gmail.com>
Wednesday, July 13, 2016 4:34 PM
It's pretty easy. Blue is done with css in the head.
http://tomliv.com/svg/
Tom Livingston <mailto:tom...@gmail.com>
Wednesday, July 13, 2016 4:18 PM
As opposed to adding an svg using <img src="">
Tom Livingston <mailto:tom...@gmail.com>
Wednesday, July 13, 2016 4:17 PM
On Wed, Jul 13, 2016 at 3:10 PM, Crest Christopher <
He's loading an svg by putting the svg code in the html and providing a
method of falling back to a png. He is styling the svg with css.
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/