Image Hover Inspiration – Antonia Collection

This weeks featured collection is our Antonia image hover collection. With a careful mix of 2D and 3D transitions, this collection offers some very usable and unique solution to display some extra information on your images. All effects scale nicely and work well for both square and rectangular images. Don't forget you can open each snippet in CodePen to experiment with your own text or simply copy the HTML and CSS to experiment locally.

Please note that we use CSS properties which only work in modern browsers.

See the Pen #1425 - Image Hover by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #1413 - Image Hover by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #1399 - Image Hover by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #1370 - Image Hover by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #1349 - Image Hover by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #1321 - Image Hover by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #1282 - Image Hover by LittleSnippets.net (@littlesnippets) on CodePen.

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

See the Pen #1209 - Image hover with title & icon by LittleSnippets.net (@littlesnippets) on CodePen.

See the Pen #1196 - Image with title and icon on hover 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