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.

Leave a Reply

Your email address will not be published. Required fields are marked *