More than 100 pure CSS animation icons

When we do page development, we may need to use a lot of small icon style.

So just apply this CSS icon frame, add some decorations, you can get a very good icon style,

Let's look at the styles of these icons.

650) this.width=650; "src=" Http://s9.sinaimg.cn/mw690/003p3Fxlty72h0GOwkMd8 "title=" "style=" border:0px; vertical-align:middle; "/> icon style picture

First of all we want to refer to the written CSS file, which is the framework Icono.min.js

You can then make some other changes on the style, in our icon display,

Added a mouse-over style.

Change the color

a:hover {

Color: #fff;

}

Transparency and size

Span:hover {

Transform:scale (1.5);

}

Span:hover I {

opacity:0.8;

}

To implement the display of the icon, use the label I to implement,

Otherwise the style will deform, which means you need to add the class name to the label I

such as "> so that you can successfully display a small icon style on the page.

And some small icons have animated effects.

Simple and convenient to use.

Get the good stuff for yourself.

Sample and Framework files: Click to enter download code to get.

This article is from the "11722655" blog, please be sure to keep this source http://11732655.blog.51cto.com/11722655/1789549

More than 100 pure CSS animation icons