Icons

1.Include in page head:

2.In html use:

3.Size:mif-lg, mif-2x, mif-3x, mif-4x.

4.Color:fg-*


5.Spinner icons
(1)Animated Spinner icons (with subclass mif-ani-spin)

(2)Animated Spinner icons (with subclass mif-ani-pulse)

Icons_第1张图片

6.Animated icons
(1)Normal speed(mif-icon_Name+mif-ani-ani_Name)

mif-ani-spanner
mif-ani-ring 
mif-ani-vertical
mif-ani-horizontal 
mif-ani-flash 
mif-ani-bounce 
mif-ani-float
mif-ani-heartbeat
mif-ani-shake
mif-ani-shuttle
 mif-ani-pass
mif-ani-ripple

(2)Fast speed (mif-icon_Name + mif-ani-ani_Name + mif-ani-fast)
(3)Slow speed (mif-icon_Name + mif-ani-ani_Name + mif-ani-slow)
(4)To use animation only on-hover use classes with ** mif-ani-hover-* *.
(mif-icon_Name + mif-ani-fast/slow + mif-ani-hover-
)

Icons_第2张图片

你可能感兴趣的:(Icons)