How to animate canjs templates

Question

Can anyone explain how to animate mustache patterns? I am following the documentation from the canjs animation I downloaded the animation from here . I added app.js. to my file. So how can I load this file in the application?

I wrote this code in my template, but it does not work.

<div> <ul can-animate-fade-out="fast" can-animate-fade-in="slow"> <li>Hello</li> <li>I am learning</li> <li>javascript</li> </ul> </div> define(['can', 'jquery','animate'], function (can, $, animate) { var Animate = can.Control.extend({ defaults: { } }, { init: function() { console.log('javascript initialised'); } }); return Animate; }); 

I am using requirejs to support AMD and am trying to load can-animate into my requirejsconfig file. I saved my can-animate.js in canjs / amd-dev / can / can-animimate / src / lib.

can someone give me a complete example of animating DOM elements using it?

Answer 1

You should use:

 can-animate-fade-in="fast". 

See the demo page .