$Transformv2.0.0

A method extended from the jQuery animate() method. It supports CSS transform property and 3D acceleration.
#jquery-plugin #animation

Getting Started / Demos / Documentation / Source

Getting Started

Browser support

IE 10+, latest of Chrome/FF/Safari, iOS 7+ and Android 2.3+ (except 3.x)

Quick steps to use:

Set up your HTML

<div id="area">

Load files or import library

ES5

<script src="//naver.github.io/egjs-jquery-transform/release/latest/dist/transform.js"></script>
ES6+
import "@egjs/transform";

Initialize

// Animate element infinitely
var $rectBox = $("#rectBox");

function rotate() {
	$rectBox.animate({"transform": "rotate(360deg)"}, "slow", rotate);
}

rotate();

Demos

Demo

Box
// Animate element infinitely
var $rectBox = $("#rectBox");

function rotate() {
	$rectBox.animate({"transform": "rotate(360deg)"}, "slow", rotate);
}

rotate();