Features
The following is a preview of appearance and behavior of LivIcons.
Any color, any size
LivIcons are based on SVG (scalable vector graphic) in all modern browsers and on VML (Vector Markup Language) in IE6 - IE8. So these icons can be any size with good look at any devices. And, of course, any color can be applied too.
- 16 px
- 24 px
- 32 px
- 48 px
- 56 px
- 64 px
- 96 px
Animated and static
The main feature is LivIcons are animated, but they can be static like any other icons too.
We are animated!
We are static.
Click and hover events
LivIcons support two types of events: 'click' and 'hover'.
We live on 'click'.
We live on 'hover'.
Looped animation
Animation can be repeated infinitely if appropriate.
Please don't get carried away with this option.
Click to start/stop animations.
Original colors by default
This option matches to different icons with traditional colors, such as browsers, social networks etc.
Note: Not animated from v1.1!
Icons with 'original' colors.
Shadowed
For webkit browsers you can apply css filter 'drop-shadow'.
Note: work in Chrome 18.0+, Safari 6.0+, iOS Safari 6.0+, Blackberry Browser 10.0+, Chrome for Android 25.0+
We have a shadow.
Animation start with event on an icon or on its parent
You can trigger events 'click' or 'hover' on an icon itself or on its parent element.
'Onparent' option.
Spinners
For spinner icons the special behavior is defined. If looped they work as traditional spinners.
On this demo 'loop' is disabled. This is pseudo loop, just 10 iterations.
- I'm looped.
- I'm not.
Morphs
Morphs are a special category recomended to use as backgrounds for any desired block.
Note: Childs elements need absolute positioning.
Morphs behavior is totaly different from other icons.