Get new jQuery plugins just once a week
February 11, 2014
Propeller uses requestAnimationFrame and GPU compositing for better performance. It is also compatible with touch devices.
It has got the following options :-
inertia is the most valueble option. It is a number between 0 and 1. 0 means no rotation after mouse was released. 1 means infinite rotation. For this demo we use inertia equals to 0.99.
speed – initial speed of rotation. It also can be used as property in runtime.
step allows to set step in degrees for stepwise mode.
stepTransitionTime enables CSS transition to move from step to step. This makes steps smooth and allows to use CSS transitions easing.
stepTransitionEasing CSS easing mode for transition when in stepwise mode and stepTransitionTime is more than zero. A bit more about easing functions
onRotate callback executed when rotated. You can easily get current angle as this.angle inside of callback function.
Example Code :-
Created by Denis Radin
rotate html elements
Sign up for our weekly newsletter.