6 Image Hover Effects using Page Curls

Pages curls offer an attractive real life touch to any of your website images. This once popular touch among Photoshop enthusiasts never really crossed over to web design however with some careful use of subtle background gradients and realistic shadows we hope to have allowed you to do just that. Following is a selection of page curl CSS image hover effects we have created which you are free to use as you wish. Enjoy!

See the Pen #0023 - Image hover effect with icon by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #0022 - Image hover effect by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #0025 - Image hover effect with caption by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #0024 - Image hover effect with icon and caption by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #0021 - Image hover effect with caption by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #0020 - Image hover effect with caption by LittleSnippets.net (@littlesnippets) on CodePen.

Izmir - ImageHover CSS Library

Izmir is a mini CSS library allowing you to quickly create beautiful image hover elements. Packed with a host of styling classes and custom properties, Izmir allows you total control and almost limitless possibilites.

Learn More
Turin - ImageHover CSS Library

Turin is the second in a series of mini CSS ImageHover libraries, this time with a transparent border effect on hover These libraries allow you to create beautiful image hover elements quickly and easily.

Learn More