Web・デザイン

JavaScriptのアニメーションライブラリ AniJS

豊富なアニメーションが用意されているCSSとJavaScriptのアニメーションライブラリです。
スクロール、ロード、クリック、ホバー、フォーカスなどのさまざまなイベントをトリガーにCSS3アニメーションを適用できます。
この投稿をしたの方にスクロールするとアニメーションを検証できます。
提供サイト:http://anijs.github.io/
対象となる要素 :https://developer.mozilla.org/ja/docs/Web/Events
使い方詳細 :http://anijs.github.io/#documentation

attention_seekers
bounce
flash
pulse
rubberBand
shake
swing
tada
wobble
bouncing_entrances
bounceIn
bounceInDown
bounceInLeft
bounceInRight
bounceInUp
bouncing_exits
bounceOut
bounceOutDown
bounceOutLeft
bounceOutRight
bounceOutUp
fading_entrances
>bounceInDown
fadeInDown
fadeInDownBig
fadeInLeft
fadeInLeftBig
fadeInRight
fadeInRightBig
fadeInUp
fadeInUpBig
fading_exits
fadeOut
fadeOutDown
fadeOutDownBig
fadeOutLeft
fadeOutLeftBig
fadeOutRight
fadeOutRightBig
fadeOutUp
fadeOutUpBig
flippers
flip
flipInX
flipInY
flipOutX
flipOutY
lightspeed
lightSpeedIn
lightSpeedOut
rotating
rotate
rotateDownLeft
rotateDownRight
rotateUpLeft
rotateUpRight
rotating_entrances
rotateIn
rotateInDownLeft
rotateInDownRight
rotateInUpLeft
rotateInUpRight
rotating_exits
rotateOut
rotateOutDownLeft
rotateOutDownRight
rotateOutUpLeft
rotateOutUpRight
specials
hinge
rollIn
rollOut
zooming_entrances
zoomIn
zoomInDown
zoomInLeft
zoomInRigh
zoomInUp
zooming_exits
zoomOut
zoomOutDown
zoomOutLeft
zoomOutRight
zoomOutUp
sliding_entrances
slideInDown
slideInLeft
slideInRight
slideInUp
sliding_exits
slideOutDown
slideOutLeft
slideOutRight
slideOutUp

最近の記事

  1. wordpres5をubuntu nginxにインストール
  2. ubuntu 20.04 nginx php mysql Webサーバー環境整備
  3. Ubuntu nginx SSL
  4. EC-CUBE 4.0 インストール
  1. サーバー環境

    無料のSSL証明書 Let’s Encrypt 試してみました。
  2. Ubuntu nginx SSL

    サーバー環境

    ubuntu nginx SSL Webサーバー構築
  3. プログラミング

    python Anacondaを利用した開発環境の整備 jupter Noteb…
  4. プログラミング

    [python] Django ローカル環境にインストール サンプルアプリケーシ…
  5. 趣味・実用

    vim テキストエディターを快適に使う
PAGE TOP