Page : Icon effects

You can mix any size, color, animation and icon.

It’s about 40000000+ possible variations 🙂

Icon: Bug
Size: Large
Color: Info
To Color: Success
Shape: Round
Animation: Top to bottom

Icon: Cogs
Size: Big
Color: Black
To color: Inverse
Animation: Border Fade out

Icon: Heart
Size: Normal
Color: Danger
Shape: Border, round
Animation: Shake

Icon: Fire
Size: Large
Color: Warning
To Color: Danger
Animation: Border Fadein

Icon: Gift
Size: Big
Color: Inverse
To color: Normal
Shape: Round
Animation: Left to Right

Icon: Tag
Size: Normal
Color: Gray
To color: Normal
Animation: Bounce

Icon: Gear
Size: Large
Color: Success
To Color: Inverse
Shape: Round, dashed
Animation: Tada

Icon: Glass
Size: Big
Color: Normal
To color: Danger
Animation: Flash

Icon: Globe
Size: Normal
Color: Info
Shape: Round
Animation: Border Rise

Sizes

Huge

Large

Big

Normal

Small

Colors

Normal

Black

Gray

Inverse

Info

Success

Warning

Danger

You can set any transition between colors

Black to Normal

Warning Danger

Normal Inverse

Gray Success

Info Black

Inverse Gray

Shape

Round

Border

Border Round

Border Dashed

Dashed Round

Animations

Flash

Shake

Bounce

Tada

Swing

Pulse

Border Rise

Border Rise Alt

Border Fade out

Border Fade in

Left to Right

Right to Left

Top to Bottom

Bottom to Top

Aligment

Normal

Dictumst viverra libero justo tempus urna eleifend morbi

Center

Dictumst viverra libero justo tempus urna eleifend morbi

Left

Dictumst viverra libero justo tempus urna eleifend morbi

Right

Dictumst viverra libero justo tempus urna eleifend morbi

Tooltips

Top

Bottom

Left

Right

You can mix any size, color, animation and icon.

It’s about 40000000+ possible variations 🙂

Sizes

Colors

Shape

Animations

Aligment

Tooltips

Post Discussion

558 thoughts on “Page : Icon effects”