CSS class library-label.css that helps automatically generate labels for any elements on the page

Date: 2013-6-8 Source: gbin1.com

Online Demo

Label.css is a good choice if you click on the page to generate descriptive texts. It uses pure CSS code to help you add descriptive text of page elements or create an identifier.

Supported options include: the position where the text is displayed, including top, bottom, left, right, and middle. Two types of animation effects are supported: fade-in and fade-out and floating. If you need to quickly add similar effects, this CSS is a good choice!

Click the Online Demo to view the effect. Here we place the instructions in the middle to try the floating effect.

The Code is as follows:

<Figure class = "label inside float Middle" data-label = "Awesome star face Barbie">  </figure>

Address: http://usablica.github.io/label.css

Via
Geek tag

Source: help automatically generate the CSS class library-label.css of label for any element on the page