Animated CSS Image Labels


May 23rd 2012 Tags: , ,
Animated CSS Image Labels
Download CSS
3210 Downloads

This download includes a simple animated label that appears over an image on hover. To ensure versatility, ten different options have been included, each of which slides in from a different direction or rests in a different location.

To apply the labels to an image, all you need to do is follow the simple HTML structure of the example file and apply the class for the label that you’d like to use.

You can see a full tutorial on this image label library on Design Shack or see a live demo.

Comments & Discussion

  1. looks cool. I think this will look good without animations as well.

    • Absolutely. It’s easy to remove them by tweaking the CSS code if you’d like!

  2. Excelent !.
    Tnkx for sharing !

Leave a Reply

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

via Ad Packs
PIXELSDAILY is a collection of free and commercial resources for designers.

Subscribe to our weekly newsletter to receive the latest freebies in your inbox! (see an example)

Facebook Exclusive

Get our exclusive icon set for Facebook Fans

How it Works

It’s pretty simple. Any free resources are just that — completely free for you to use, incorporate in your designs, and build upon. Go nuts!

Featured commercial resources are available through the Envato marketplaces, which we love. Find out more.

Search


Copyright © Compact Creative Limited 2013

1,559,354 Design Freebies Served