WebAppers

/ best free open source web resources /

Shopify

jQuery Plugin for Sprite Based Animations & Panning

Posted · Category: Framework, MIT License

Motio is a jQuery plugin for simple but powerful sprite based animations and panning. Motio is called on an element representing animation container, where animation is delivered as a CSS background image.

In sprite based animations, container should have the dimensions of one sprite frame. E.g, if you have 10 frames in a horizontal sprite that is 1000 x 100 pixels big, the container should be 100 x 100 pixels big. In panning, container size doesn’t play any role, just the background image should be seamless.

Integrated Motio on/off methods are using jQuery $.Callbacks API, which is in jQuery sice 1.7+. If you can’t use newer versions of jQuery, you can go for jQuery bind/unbind methods called on a frame element, with ‘motio:’ prefix on all event names.

motio

Requirements: jQuery Framework
Download Link: http://darsa.in/motio/
License: MIT License

1 Comment
  • http://www.pixelcrayons.com/ PixelCrayons

    Insight information for Web developers. Thanks for sharing!

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons