alexdeloy / polyclip

a jQuery plugin to mask images with a simple polygonal shape

jquery.polyClip

Adds a simple polygonal mask around images. The mask expands on hover and collapses afterwards.

Usage

$("section img").polyClip();

Add a transition to your CSS to make things look nicer:

section img
    transition: all 0.25s

Options

option	description	default value
horizontalOffset	the horizontal offset in px or percent	15
verticalOffset	the vertical offset in px or percent	15
pixels	whether to use pixel or percent	true
hover	whether to show the hover effect	true