QkAnim使用方法QKクラス一覧QKリストクラス一覧カスタマイズデモサイトはじめに「QkAnim.js」は、クラス名を利用して簡単にアニメーションを追加するJavaScriptライブラリです。使用方法このライブラリを使用する方法については、以下の手順に従ってください。qkanim.min.jsをHTMLファイルに読み込みます。下記のボタンを押してダウンロードをしてくださいダウンロードボタン解凍後、distフォルダ内のqkanim.min.jsを読み込んでください。crossorigin="anonymous"></script>HTML要素にアニメーション用のクラス名を設定します。画像を上からスライドインするアニメーションを設定する場合は、以下のようにqkクラスで画像要素を囲い、qk-slide-topクラスを追加します。class="qk-slide-top"></div>ページを読み込むと、設定したアニメーションが実行されます。下記のようにqkクラスの下に複数のqkアニメーションを入れることができます。「QkAnim.js」は、以下のアニメーションをサポートしています。qkqk-onceqk-fade-inqk-fade-outqk-slide-topqk-slide-bottomqk-slide-leftqk-slide-rightqk-mask-topqk-mask-bottomqk-mask-leftqk-mask-rightサポートアニメーション「QkAnim.js」は、以下のアニメーションをサポートしています。clip-pathqk-onceクラスについて画面内に入ったら一回のみアニメーションを実行したい場合は、qk-onceクラスを使用してください。「QkAnim.js」は、以下のリストアニメーションをサポートしています。ul,olタグのクラスをご使用してください。画面外では、処理の軽量化のためアニメーションを停止します。3sライセンス「QkAnim.js」は、MITライセンスの下で提供されています。詳細については、LICENSEファイルを参照してください。何か問題がある場合や、機能のリクエストがある場合は、下記リポジトリのissuesまで。