Spotlight effect using mask layers as in Flash


(David Waller) #1

I am trying to create spotlight effects using mask layers to create a hole through which underlying layers are visible similar to animations I create in Flash.
But without success!
I there a way of doing this?


#2

As Hype relies on the browser to render and doesn’t have it’s own engine look at the current developments in CSS like https://css-tricks.com/clipping-masking-css/


(Hans-Gerd Claßen) #3

as always: check for needed browsersupport …


Transparency Effect with ClipPath
(David Waller) #4

Thanks for your reply and the example template linked to it. Great example and many thanks.
But I was thinking of having a dragable circular element (or one moving randomly) that would reveal the underlying image beneath a masked one.


(Hans-Gerd Claßen) #5

you can drag the circle. it also follows mouse move. it reveals the element attached too … ¿!? :slight_smile:


(David Waller) #6

Sorry, I meant similar to the effect shown here…

The effect is shown in the last few seconds.

As the circle moves it shows areas of the bottom image within the circle.


(Hans-Gerd Claßen) #7

this is exactly what the example does … it’s me or you to be confused :slight_smile:


(David Waller) #8

Sorry. I didn’t think that the circle could just show an area in part of the layer beneath it.