# How to create a sprite sheet animation only in css?

**URL:** <https://forum.kirupa.com/t/how-to-create-a-sprite-sheet-animation-only-in-css/635549>\
**Category:** Uncategorized\
**Created:** [November 8, 2016, 6:27am UTC](https://forum.kirupa.com/t/how-to-create-a-sprite-sheet-animation-only-in-css/635549 "2016-11-08T06:27:49Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![D.Anitha](https://avatars.discourse-cdn.com/v4/letter/d/4af34b/32.png) [@D.Anitha](https://forum.kirupa.com/u/D.Anitha)\
**Post date:** [November 8, 2016, 6:27am UTC](https://forum.kirupa.com/t/how-to-create-a-sprite-sheet-animation-only-in-css/635549/1 "2016-11-08T06:27:49Z")

</div>

i have multiple rows of sprites (or) frames in single sprite sheet.for example

```auto
* * * * * *
* * * * * *
* * * * * *
* * * * * *

```

(\*-image).  
anyone pls help me…

---

<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 9, 2016, 8:40am UTC](https://forum.kirupa.com/t/how-to-create-a-sprite-sheet-animation-only-in-css/635549/2 "2016-11-09T08:40:47Z")

</div>

This will help you out: [https://www.kirupa.com/html5/sprite\_sheet\_animations\_using\_only\_css.htm](https://www.kirupa.com/html5/sprite_sheet_animations_using_only_css.htm)

The only thing you need to do is move all of the sprites into one row. Having a grid won’t work too well ☹

---

<div class="post-metadata">

**Author:** ![D.Anitha](https://avatars.discourse-cdn.com/v4/letter/d/4af34b/32.png) [@D.Anitha](https://forum.kirupa.com/u/D.Anitha)\
**Post date:** [November 10, 2016, 7:40am UTC](https://forum.kirupa.com/t/how-to-create-a-sprite-sheet-animation-only-in-css/635549/3 "2016-11-10T07:40:41Z")

</div>

Thanks for your reply,  
how to move all sprites in one row?

---

<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 14, 2016, 7:39am UTC](https://forum.kirupa.com/t/how-to-create-a-sprite-sheet-animation-only-in-css/635549/4 "2016-11-14T07:39:46Z")

</div>

You should use an image editor to do that.