# Keyframes and the Animate Method | kirupa.com

**URL:** <https://forum.kirupa.com/t/keyframes-and-the-animate-method-kirupa-com/633532>\
**Category:** programming\
**Created:** [July 28, 2015, 2:26am UTC](https://forum.kirupa.com/t/keyframes-and-the-animate-method-kirupa-com/633532 "2015-07-28T02:26:48Z")\
**Posts on this page:** 6\
**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:** [July 28, 2015, 2:26am UTC](https://forum.kirupa.com/t/keyframes-and-the-animate-method-kirupa-com/633532/1 "2015-07-28T02:26:48Z")

</div>

by [kirupa](http://www.kirupa.com/me/index.htm) | 27 July 2015

In an [earlier tutorial](http://www.kirupa.com/html5/web_animations_animate_method.htm), we looked at the Web Animations spec and its goal of unifying all the various animation approaches you have today into one single implementation. As part of that, we looked at the animate method which gives you all the performance benefits of animations created in CSS with the more dynamic-icity (I made up a whole new word!) of something you create in JavaScript.

* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/keyframes\_and\_the\_animate\_method.htm](http://www.kirupa.com/html5/keyframes_and_the_animate_method.htm)

---

<div class="post-metadata">

**Author:** ![Mathesh](https://avatars.discourse-cdn.com/v4/letter/m/8c91f0/32.png) [@Mathesh](https://forum.kirupa.com/u/Mathesh)\
**Post date:** [September 26, 2015, 6:13am UTC](https://forum.kirupa.com/t/keyframes-and-the-animate-method-kirupa-com/633532/2 "2015-09-26T06:13:15Z")

</div>

hi kiruba,  
i have one doubt about animation ,can i ask u something…

---

<div class="post-metadata">

**Author:** ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)\
**Post date:** [September 26, 2015, 6:18am UTC](https://forum.kirupa.com/t/keyframes-and-the-animate-method-kirupa-com/633532/3 "2015-09-26T06:18:24Z")

</div>

Yes please.

---

<div class="post-metadata">

**Author:** ![Mathesh](https://avatars.discourse-cdn.com/v4/letter/m/8c91f0/32.png) [@Mathesh](https://forum.kirupa.com/u/Mathesh)\
**Post date:** [September 26, 2015, 6:38am UTC](https://forum.kirupa.com/t/keyframes-and-the-animate-method-kirupa-com/633532/4 "2015-09-26T06:38:46Z")

</div>

hi ,  
i created scrolling images, using css animation. i have a error , while running that animation ,  
images are scrolling continuously but not showing correctly,  
can u please check what is the error,

[http://thaanaapathi.com/](http://thaanaapathi.com/)

---

<div class="post-metadata">

**Author:** ![Mathesh](https://avatars.discourse-cdn.com/v4/letter/m/8c91f0/32.png) [@Mathesh](https://forum.kirupa.com/u/Mathesh)\
**Post date:** [September 26, 2015, 6:54am UTC](https://forum.kirupa.com/t/keyframes-and-the-animate-method-kirupa-com/633532/5 "2015-09-26T06:54:22Z")

</div>

hello krilnon…

---

<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:** [September 27, 2015, 10:16pm UTC](https://forum.kirupa.com/t/keyframes-and-the-animate-method-kirupa-com/633532/6 "2015-09-27T22:16:35Z")

</div>

From what I can tell from the scrolling list of images in the link you shared, it seems to be working OK.

Can you isolate just the animation with the images into a separate page? That would help in figuring out what the cause is more easily 😄