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

Post Discussion

Be the first to comment “Page : Icon effects”

By continuing to use the site, you agree to the use of cookies. more information

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close