In the following code, I have 2 pairs of rectangles that share a side. Both use the same CSS style that uses a filter. The first pair is included in a <g> tag with the class defined in the <g> tag. The second pair are invidual rects each with its own class attribute. The filter adds a gray border around the the shape. Since the first pair is in <g>, the border is drawn around the combination of both. I would like to have the border drawn around each rectangle (as in the second pair) but not repeat the class="f" for each rectangle. Is this possible?
Thanks <?xml version="1.0" encoding="UTF-8"?> <svg xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";> <g class="f"> <rect x="100" y="100" width="100" height="100"/> <rect x="200" y="100" width="100" height="100"/> </g> <rect x="100" y="250" width="100" height="100" class="f"/> <rect x="200" y="250" width="100" height="100" class="f"/> <defs> <filter id="MyFilter" filterUnits="objectBoundingBox" x="-15%" y="- 15%" width="130%" height="130%"> <feColorMatrix in="SourceGraphic" result="gray" type="matrix" values="0 0 0 0 .5 0 0 0 0 .5 0 0 0 0 .5 0 0 0 1 0"/> <feMorphology in="gray" radius="6,6" operator="dilate" result="outline"/> <feMerge> <feMergeNode in="outline"/> <feMergeNode in="SourceGraphic"/> </feMerge> </filter> </defs> <style type="text/css" id="gwmstyles"><![CDATA[ .f { stroke:black;stroke-width:1;fill:red;fill-opacity:1;filter:url (#MyFilter); } ]]></style> </svg> ----- To unsubscribe send a message to: [EMAIL PROTECTED] -or- visit http://groups.yahoo.com/group/svg-developers and click "edit my membership" ---- Yahoo! Groups Links <*> To visit your group on the web, go to: http://groups.yahoo.com/group/svg-developers/ <*> To unsubscribe from this group, send an email to: [EMAIL PROTECTED] <*> Your use of Yahoo! Groups is subject to: http://docs.yahoo.com/info/terms/
