I like the idea. Maybe you can use filter for a similar effect:
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg"; version="1.1"
xmlns:xlink="http://www.w3.org/1999/xlink";>
<title>SVG Presents</title>
<defs>
<style type="text/css"><![CDATA[
.boxtop {fill:#e33}
.boxside {fill:#a11}
.boxfront {fill:#c22}
.ribbontop {fill:#3e3}
.ribbonside {fill:#1a1}
.ribbonfront {fill:#2c2}
]]></style>
<filter id="fcolored">
<feFlood flood-color="blue"
result="out1" />
<feComposite in="out1" in2="SourceGraphic"
operator="in"
result="out2" />
<feBlend in="SourceGraphic" in2="out2"
mode="lighten" />
</filter>
<g id="giftbox">
<path class="boxtop" d="m0,0 36,12 48,-12 -36,-12z"/>
<path class="boxfront" d="m36,12 48,-12 0,48 -48,12z"/>
<path class="boxside" d="m0,0 36,12 0,48 -36,-12z"/>
<path class="ribbonside" d="m15,5 6,2 0,48 -6,-2z"/>
<path class="ribbontop" d="m15,5 48,-12 6,2 -48,12z"/>
<path class="ribbontop" d="m20,-5 36,12 8,-2 -36,-12z"/>
<path class="ribbonfront" d="m56,7 0,48 8,-2 0,-48z"/>
</g>
</defs>
<use xlink:href="#giftbox" x="30" y="20"/>
<use id="two" xlink:href="#giftbox" x="70" y="50"/>
<use xlink:href="#two" opacity="0.7" filter="url(#fcolored)"/>
<use id="three" xlink:href="#giftbox" x="15" y="75"/>
<use xlink:href="#three" opacity="0.2" filter="url(#fcolored)"/>
</svg>
--- In [email protected], "Robert Longson" <longs...@...> wrote:
>
> > FWIW, it also doesn't work in Safari or OmniWeb, but it does work in Camino.
> > An elegant use of styles. I hope it's valid!
> > Ken Nellis
>
> I'm afraid it isn't. As Erik said, it's a known bug in gecko so all browsers
> based on that, i.e. Camino, Firefox, SeaMonkey will be affected.
>
> Best regards
>
> Robert.
>
------------------------------------
-----
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/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)
<*> To change settings via email:
[email protected]
[email protected]
<*> 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/
