Compare Revisions

Applying SVG effects to HTML content

Revision 46534:

Revision 46534 by Dynamis on

Revision 46535:

Revision 46535 by jonathancross on

Title:
Applying SVG effects to HTML content
Applying SVG effects to HTML content
Slug:
Applying_SVG_effects_to_HTML_content
Applying_SVG_effects_to_HTML_content
Tags:
css, HTML, SVG, XHTML, "Firefox 3.5"
css, HTML, SVG, XHTML, "Firefox 3.5"
Content:

Revision 46534
Revision 46535
t48  <svg:svg height="0">t48<svg:svg height="0">
49    <svg:mask id="m1" maskUnits="objectBoundingBox" maskConten49  <svg:mask id="m1" maskUnits="objectBoundingBox" maskContentU
>tUnits="objectBoundingBox">>nits="objectBoundingBox">
50      <svg:linearGradient id="g" gradientUnits="objectBounding50    <svg:linearGradient id="g" gradientUnits="objectBoundingBo
>Box" x2="0" y2="1">>x" x2="0" y2="1">
51        <svg:stop stop-color="white" offset="0"/>51      <svg:stop stop-color="white" offset="0"/>
52        <svg:stop stop-color="white" stop-opacity="0" offset="52      <svg:stop stop-color="white" stop-opacity="0" offset="1"
>1"/>>/>
53      </svg:linearGradient>53    </svg:linearGradient>
54      <svg:circle cx="0.25" cy="0.25" r="0.25" id="circle" fil54    <svg:circle cx="0.25" cy="0.25" r="0.25" id="circle" fill=
>l="white"/>>"white"/>
55      <svg:rect x="0.5" y="0.2" width="0.5" height="0.8" fill=55    <svg:rect x="0.5" y="0.2" width="0.5" height="0.8" fill="u
>"url(#g)"/>>rl(#g)"/>
56    </svg:mask>56  </svg:mask>
57  </svg:svg>57</svg:svg>

Back to History