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

It's only fair to share...Share on FacebookShare on Google+Tweet about this on TwitterPin on Pinterest

Post Discussion

Be the first to comment “Page : Icon effects”