- Dashboard
- Data
AnimationExamples
Core ElementsAnimated
Modal with CSS3 animation
Please note that CSS3 Modal Animation, also as Popover Animation require special JavaScript to operate. ORB uses revised original Bootstrap Modal class to get animations worked. Internet Explorer 9 doesn't support modal and popover animations.
fade InLeft | OutLeft fade InRight | OutRight fade InUp | OutUp fade InDown | OutDown fade InLeftBig | OutLeftBig fade InRightBig | OutRightBig fade InUpBig | OutUpBig fade InDownBig | OutDownBig bounce InLeft | OutLeft bounce InRight | OutRight bounce InUp | OutUp bounce InDown | OutDown bounce In | Out rotate InDownLeft | OutDownLeft rotate InDownRight | OutDownRight rotate InUpLeft | OutUpLeft rotate InUpRight | OutUpRight lightSpeed In | Out wobble roll In | Out bounce shake tada swing rubberBand pulse
Popover with CSS3 animation
- fade In Up
- fade In Right
- fade In Down
- fade In Left
- fade In Up Big
- fade In Right Big
- fade In Down Big
- fade In Left Big
- bounce In Down
- bounce In Right
- bounce In Up
- bounce In Left
- rotate In Down Left
- rotate In Down Right
- rotate In Up Left
- rotate In Up Right
- rotateIn
- bounce
- wobble
- shake
- tada
- swing
- rubberBand
- pulse
- lightSpeedIn
- rollIn
- flipInX
- flipInY