Fog Of War Effect Using Image Masking

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

Reviews for this Code Snippet

25135

Fog

★★★★★
5 5 1
This is a great snippet, but I would just call it "Fog." Apparently, I'm not the only one who served in the military and/or plays games such as WarHammer 40,000: Dawn of War too much.

Rating for this Code Snippet

25135
Fog Of War Effect Using Image Masking Overall rating: 5 out of 5 based on 1 reviews.

Add your review for this Code Snippet

Name
Email
Review Title
Rating
Review Content
scroll to top
%d bloggers like this: