Animate (easeOutCirc) a DOM Element using AngularJS

Question

How can I write this piece of the code in AnguarJs ?

Particularly the animation part (easeOutCirc) used in this example:

$(document).ready(function () { function addCircle() { var $circle = $('<div class="circle"></div>'); $circle.animate({ 'width': '300px', 'height': '300px', 'margin-top': '-150px', 'margin-left': '-150px', 'opacity': '0' }, 4000, 'easeOutCirc'); $('body').append($circle); setTimeout(function __remove() { $circle.remove(); }, 4000); } addCircle(); setInterval(addCircle, 1200); });

http://jsfiddle.net/Y3r36/311/

angualr ships with jqlite...docs.angularjs.org/api/ng/function/angular.element — vimes1984
– vimes1984, Commented Nov 28, 2014 at 23:41

antimatter · Accepted Answer · 2014-11-28 23:46:02Z

0

I think you could use something like this? https://docs.angularjs.org/api/ngAnimate

answered Nov 28, 2014 at 23:46

antimatter

3,5003 gold badges26 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Animate (easeOutCirc) a DOM Element using AngularJS

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related