アニメーション カードにホバーしてプレビュー。再生ボタンでカテゴリ内のアニメーションを一括再生。 FadeSlideZoomBounceAttentionRotateSpecialすべて再生 Fade再生fadeInfadeOutfadeInUpfadeInDownfadeInLeftfadeInRightSlide再生slideInUpslideInDownslideInLeftslideInRightZoom再生zoomInzoomOutzoomInUpzoomInDownBounce再生bouncebounceInbounceInUpbounceInDownAttention再生shakepulsewobbleflipswingrubberBandRotate再生rotateInrotateInDownLeftrotateInDownRightSpecial再生blurclipRevealtypewriter 使い方 アニメーション名はdata-anim属性に渡します： <div data-anim="fadeInUp" data-anim-duration="800ms" > This element fades in from below over 800ms </div> すべてのカスタマイズオプションは属性を、実際に試すにはプレイグラウンドを参照。