Fog Of War Effect Using Image Masking

Image: Fog Of War Effect Using Image Masking GIF

This fog of war snippet was designed by Paul Mealy. The image has an overlay that is removed and the background image is unveiled as the user moves the mouse over the image. You might also like the flashlight hover effect.

If you are having trouble with the pen, try the archived copy on GitHub

Fog Of War Snippet

See the Pen Image Masking by Paul Mealy (@InsideDown) on CodePen.0

scroll to top
%d bloggers like this: