jQuery.pdMatrixClip.js

概要

指定された要素を横・縦に指定された数に分割し、ズームイン、ズームアウト処理をかけます。

※CSS Clip の仕様の都合上、クリップをかける要素には親要素が必要です。
また、クリップをかける要素は親要素に対して position:absolute となる点も留意してください。
詳細はコチラ

ライセンス

MITライセンス (English / 日本語) です。

ダウンロード

v1.0.0
20170310 初版

使い方

下記フォームの値を変更し、「イン」「アウト」ボタンを押してください。

横分割数
縦分割数
速度
実行の重なり

※滑らかにアニメーションされたい時に、0<->1の間の値を入力してください。
{in_type:"random"} || {out_type:"random"} の時は動作しません。

動き種類
速度
進捗
アニメーションの進捗が表示されます。