I've been reading about clip-path and masks but one bit escapes me. With
this html
<svg xmlns="
http://www.w3.org...>
<clipPath id="#inline-svg-clipPath">
<circle cx="150" cy="150" r="50" />
</clipPath>
</svg>
<div style="clip-path: url(#inline-svg-clipPath);"></div>
the svg clip-path gets "applied" to the image. That is, the image and
the clip-path are bound together.
Is there a way that the clip-path can be in a fixed position in the
window and if the image coincide the image is then visible?
I'm working on a kid's game where fish will jump in front of a ship's
portal and I'd rather not have to worry about what z-index all the other elements have (to make sure the fish are only visible in the portal.)
So the fish, whatever it's z-index is, is hidden except when it's
coincides with a portal.
I've looked at having clip-path create a round image and the fish is the background image but the fish can also appear in other scenarios and
might become an animation of some sort so it's easier, for me, if they
aren't background images.
Andrew Poulos
--- SoupGate-Win32 v1.05
* Origin: fsxNet Usenet Gateway (21:1/5)