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

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

Morbi urna lobortis nascetur pulvinar hac elit erat

Center

Lectus ultricies cras massa elementum habitant magna rutrum

Left

Eleifend suscipit cum arcu accumsan cum libero sed

Right

Pharetra ligula elementum viverra sem malesuada tellus auctor

Tooltips

Top

Bottom

Left

Right