Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>JS Bin</title>
    <!-- Animate.css v3.5.2 -->
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css" rel="stylesheet" />
</head>
<body>
    <h1 class="animated infinite bounce">bounce</h1>
    <h1 class="animated infinite flash">flash</h1>
    <h1 class="animated infinite pulse">pulse</h1>
    <h1 class="animated infinite rubberBand">rubberBand</h1>
    <hr />
    <h1 class="animated infinite shake">shake</h1>
    <h1 class="animated infinite headShake">headShake</h1>
    <h1 class="animated infinite swing">swing</h1>
    <h1 class="animated infinite tada">tada</h1>
    <hr />
    <h1 class="animated infinite wobble">wobble</h1>
    <h1 class="animated infinite jello">jello</h1>
    <h1 class="animated infinite bounceIn">bounceIn</h1>
    <h1 class="animated infinite bounceInDown">bounceInDown</h1>
    <hr />
    <h1 class="animated infinite bounceInLeft">bounceInLeft</h1>
    <h1 class="animated infinite bounceInRight">bounceInRight</h1>
    <h1 class="animated infinite bounceInUp">bounceInUp</h1>
    <h1 class="animated infinite bounceOut">bounceOut</h1>
    <hr />
    <h1 class="animated infinite bounceOutDown">bounceOutDown</h1>
    <h1 class="animated infinite bounceOutLeft">bounceOutLeft</h1>
    <h1 class="animated infinite bounceOutRight">bounceOutRight</h1>
    <h1 class="animated infinite bounceOutUp">bounceOutUp</h1>
    <hr />
    <h1 class="animated infinite fadeIn">fadeIn</h1>
    <h1 class="animated infinite fadeInDown">fadeInDown</h1>
    <h1 class="animated infinite fadeInDownBig">fadeInDownBig</h1>
    <h1 class="animated infinite fadeInLeft">fadeInLeft</h1>
    <hr />
    <h1 class="animated infinite fadeInLeftBig">fadeInLeftBig</h1>
    <h1 class="animated infinite fadeInRight">fadeInRight</h1>
    <h1 class="animated infinite fadeInRightBig">fadeInRightBig</h1>
    <h1 class="animated infinite fadeInUp">fadeInUp</h1>
    <hr />
    <h1 class="animated infinite fadeInUpBig">fadeInUpBig</h1>
    <h1 class="animated infinite fadeOut">fadeOut</h1>
    <h1 class="animated infinite fadeOutDown">fadeOutDown</h1>
    <h1 class="animated infinite fadeOutDownBig">fadeOutDownBig</h1>
    <hr />
    <h1 class="animated infinite fadeOutLeft">fadeOutLeft</h1>
    <h1 class="animated infinite fadeOutLeftBig">fadeOutLeftBig</h1>
    <h1 class="animated infinite fadeOutRight">fadeOutRight</h1>
    <h1 class="animated infinite fadeOutRightBig">fadeOutRightBig</h1>
    <hr />
    <h1 class="animated infinite fadeOutUp">fadeOutUp</h1>
    <h1 class="animated infinite fadeOutUpBig">fadeOutUpBig</h1>
    <h1 class="animated infinite flipInX">flipInX</h1>
    <h1 class="animated infinite flipInY">flipInY</h1>
    <hr />
    <h1 class="animated infinite flipOutX">flipOutX</h1>
    <h1 class="animated infinite flipOutY">flipOutY</h1>
    <h1 class="animated infinite lightSpeedIn">lightSpeedIn</h1>
    <h1 class="animated infinite lightSpeedOut">lightSpeedOut</h1>
    <hr />
    <h1 class="animated infinite rotateIn">rotateIn</h1>
    <h1 class="animated infinite rotateInDownLeft">rotateInDownLeft</h1>
    <h1 class="animated infinite rotateInDownRight">rotateInDownRight</h1>
    <h1 class="animated infinite rotateInUpLeft">rotateInUpLeft</h1>
    <hr />
    <h1 class="animated infinite rotateInUpRight">rotateInUpRight</h1>
    <h1 class="animated infinite rotateOut">rotateOut</h1>
    <h1 class="animated infinite rotateOutDownLeft">rotateOutDownLeft</h1>
    <h1 class="animated infinite rotateOutDownRight">rotateOutDownRight</h1>
    <hr />
    <h1 class="animated infinite rotateOutUpLeft">rotateOutUpLeft</h1>
    <h1 class="animated infinite rotateOutUpRight">rotateOutUpRight</h1>
    <h1 class="animated infinite hinge">hinge</h1>
    <h1 class="animated infinite jackInTheBox">jackInTheBox</h1>
    <hr />
    <h1 class="animated infinite rollIn">rollIn</h1>
    <h1 class="animated infinite rollOut">rollOut</h1>
    <h1 class="animated infinite zoomIn">zoomIn</h1>
    <h1 class="animated infinite zoomInDown">zoomInDown</h1>
    <hr />
    <h1 class="animated infinite zoomInLeft">zoomInLeft</h1>
    <h1 class="animated infinite zoomInRight">zoomInRight</h1>
    <h1 class="animated infinite zoomInUp">zoomInUp</h1>
    <h1 class="animated infinite zoomOut">zoomOut</h1>
    <hr />
    <h1 class="animated infinite zoomOutDown">zoomOutDown</h1>
    <h1 class="animated infinite zoomOutLeft">zoomOutLeft</h1>
    <h1 class="animated infinite zoomOutRight">zoomOutRight</h1>
    <h1 class="animated infinite zoomOutUp">zoomOutUp</h1>
    <hr />
    <h1 class="animated infinite slideInDown">slideInDown</h1>
    <h1 class="animated infinite slideInLeft">slideInLeft</h1>
    <h1 class="animated infinite slideInRight">slideInRight</h1>
    <h1 class="animated infinite slideInUp">slideInUp</h1>
    <hr />
    <h1 class="animated infinite slideOutDown">slideOutDown</h1>
    <h1 class="animated infinite slideOutLeft">slideOutLeft</h1>
    <h1 class="animated infinite slideOutRight">slideOutRight</h1>
    <h1 class="animated infinite slideOutUp">slideOutUp</h1>
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
hsuehmingfangpro
0viewers