jQuery

【jQuery】要素を回転させるシンプルで簡単なアニメーションプラグイン。Rotate

May 20, 2016
Rotate

Rotateは簡単に実装するアニメーションプラグイン。アイコン、画像、および要素を回転させることができます。

jQuery

jQueryは1.2.1以上

<script src="jquery.js"></script>
<script src="rotate.js"></script>

JavaScript

$("#my-selector").rotate();

回転角度を指定

$("#my-selector").rotate(720);

追加のプロパティ

/* Defaults */
$("#my-selector").rotate(360, {         // [Number] animation rotation (degrees)
    duration: 1000,                     // [Number] animation duration
    easing: 'swing',                    // [String] easing function
    complete: function () { }           // [Function] completed callback
});
Settings

プラグインのデフォルト

/* default animation rotation (degrees) */
 $.fn.rotate.degrees = 360;

/* default duration, easing, and completed callback  */
    $.fn.rotate.defaults = {
        duration: 1000,
        easing: 'swing',
        complete: function () {
        }
    };

ライセンスはMIT