スクロールアニメーション導入方法
本テーマではhttps://daneden.github.io/animate.css/のアニメーションがスクロール時に動くように設定することができます。
方法はcssのクラス名に”animated アニメーション名--scroll”を追加して下さい。
以下は追加可能なアニメーション例です。
class="animated bounce--scroll" 『テキストが動きます』
class="animated flash--scroll" 『テキストが動きます』
class="animated pulse--scroll" 『テキストが動きます』
class="animated rubberBand--scroll" 『テキストが動きます』
class="animated shake--scroll" 『テキストが動きます』
class="animated swing--scroll" 『テキストが動きます』
class="animated tada--scroll" 『テキストが動きます』
class="animated wobble--scroll" 『テキストが動きます』
class="animated jello--scroll" 『テキストが動きます』
class="animated fadeIn--scroll" 『テキストが動きます』
class="animated fadeInDown--scroll" 『テキストが動きます』
class="animated fadeInDownBig--scroll" 『テキストが動きます』
class="animated fadeInLeft--scroll" 『テキストが動きます』
class="animated fadeInLeftBig--scroll" 『テキストが動きます』
class="animated fadeInRight--scroll" 『テキストが動きます』
class="animated fadeInRightBig--scroll" 『テキストが動きます』
class="animated fadeInUp--scroll" 『テキストが動きます』
class="animated fadeInUpBig--scroll" 『テキストが動きます』
この記事をシェアする
