<!doctype html><linkrel="help"href="https://drafts.fxtf.org/css-masking-1/#ClipPathElement"><linkrel="match"href="reference/clip-path-svg-text-css-ref.html"><metaname="fuzzy"content="0-1;0-200"><metaname="flags"content="ahem"><linkrel="stylesheet"href="/fonts/ahem.css"/><style>text{font:50px/1Ahem;text-shadow:grey10px10px;fill:none;stroke:red;stroke-width:10px;}</style><svg><defs><!-- clipPath works on raw geometry regardless of fill/stroke/shadow etc --><clipPathid="c"><textx="30"y="50">Hello</text></clipPath></defs><rectwidth="200"height="100"fill="green"clip-path="url(#c)"/></svg>