jquery - Simple animations in Ionic Framework -

can create simple animations in views of ionic framework. animations simple ones, changing of colour, fading, increasing height , width of elements, animations jquery in web pages.

yes can, have on this.

a powerful javascript animation engine web , hybrid mobile apps, inspired facebook pop, built ionic team.

https://github.com/driftyco/collide

var animation = collide.animation({   // 'linear|ease|ease-in|ease-out|ease-in-out|cubic-bezer(x1,y1,x2,y2)',   // or function(t, duration),   // or dynamics configuration (see below)   easing: 'ease-in-out',    duration: 1000,   percent: 0,   reverse: false });  // actions, of these return `this` , chainable // .on('step' callback given 'percent', 0-1, argument (for springs outside 0-1 range) // .on('stop' callback given boolean, wascompleted animation.on(/step|destroy|start|stop|complete/, function() {}) animation.once(...) //same event types animation.off(...) //works jquery.off animation.stop(); //stop/pause @ current position animation.start(shouldsetimmediately); //start current position animation.restart(); animation.velocity(n) //starts animation going @ given velocity ,relative distance, decaying animation.distance(n); //distance velocity relative animation.destroy(); //unbind events & deallocate  animation.isrunning(); //boolean getter  //these getters , setters. //no arguments getter, argument chainable setter. animation.percent(newpercent, shouldsetimmediately); //0-1 animation.duration(duration); //milliseconds animation.reverse(isreverse);  animation.easing(easing); //setter, string|function(t,duration)|dynamicsconfiguration. // dynamics configuration looks 1 of these: // animation.easing({ //   type: 'spring', //   frequency: 15, //   friction: 200, //   initialforce: false // }); // animation.easing({ //   type: 'gravity', //   bounce: 40, //   gravity: 1000, // });