201309Jan

Motio: jQuery-Plugin für CSS-Sprite-Animationen

Die manuelle Animation von CSS-Sprites gestaltet sich in einem reinen Text-Editor nicht immer einfach, gerade wenn es um das Einlesen und Auswerten von Sprite-Daten geht. Ein einfaches, aber dennoch wertvolles jQuery-Plugin in diesem Zusammenhang stellt Motio dar: Damit können über verschiedene Parameter CSS-Animationen gesteuert werden.

Motio - jQuery plugin for simple but powerful sprite based animations and panning

Die Optionen des Plugins definieren also den Ablauf einer Sprite-Animation:

  • $('#element').motio({
  • speed: -50,
  • bgSize: 1024,
  • paused: 1
  • });

Auf der Websites des Plugins finden sich interessante Anwendungsbeispiele, welche den Einsatz des Plugins und CSS-Sprite-Animationen demonstrieren. Zudem können die Animationen in Echtzeit per Schieberegeler angepasst werden.

Kommentarfunktion für diesen Artikel geschlossen.