A CodePen by Anonymous. Hovershark - Typically, when you have a transparent png the clickable area is set to the bounding box of the img element. This pen uses a canvas image replacement along with the transparency byte from the pixel data to provide a much tighter clipping path for our shark.