# Animating in Code Using JavaScript | kirupa.com

**URL:** <https://forum.kirupa.com/t/animating-in-code-using-javascript-kirupa-com/352183>\
**Category:** programming\
**Created:** [November 23, 2014, 1:31am UTC](https://forum.kirupa.com/t/animating-in-code-using-javascript-kirupa-com/352183 "2014-11-23T01:31:26Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kirupa](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/kirupa/32/11616_2.png) [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [November 23, 2014, 1:31am UTC](https://forum.kirupa.com/t/animating-in-code-using-javascript-kirupa-com/352183/1 "2014-11-23T01:31:27Z")

</div>

by [kirupa](http://www.kirupa.com/me/index.htm) | 17 March 2013

In my [Introduction to Animation in HTML](http://www.kirupa.com/html5/introduction_to_animation_html.htm) tutorial, I mentioned that there are three ways to create an animation. One way is by using the appropriately named CSS [animations](http://www.kirupa.com/html5/all_about_css_animations.htm). Another way is by using CSS [transitions](http://www.kirupa.com/html5/all_about_css_transitions.htm). The third and final way is by writing code in JavaScript. If you are a huge JavaScript fan, you'll feel right at home here. If you are not a huge JavaScript fan...well, hopefully you will change your mind once you see all the cool animation things you can do in code that you simply cannot do using CSS.

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/animating\_in\_code\_using\_javascript.htm](http://www.kirupa.com/html5/animating_in_code_using_javascript.htm)