Transparency Effect with ClipPath

@h_classen already wrote something that pretty much does this.

The original

But it did need a slight update to work with the likes of firefox.

So I just put in a simple condition to check the

test.style.clipPath = 'circle(' + cW + 'px at ' + cPos[0] + 'px ' + cPos[1] + 'px)'


if (test.style.clipPath == ""){

test.style.webkitClipPath = 'circle(' + cW + 'px at ' + cPos[0] + 'px ' + cPos[1] + 'px)'

} 

css_clipPath_v2.hype.zip (1.2 MB)

Also I just enabled to drag function. The other function for follow just needs to be set to run on scene load.

The one thing is this is a circle. You would have to workout drawing and controlling your Heart.
But Hans as given a good starting point..