# CSS3 Transition and Animation HELP

**URL:** <https://forum.kirupa.com/t/css3-transition-and-animation-help/633569>\
**Category:** Uncategorized\
**Created:** [July 31, 2015, 4:44pm UTC](https://forum.kirupa.com/t/css3-transition-and-animation-help/633569 "2015-07-31T16:44:27Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![kelzdevelops](https://avatars.discourse-cdn.com/v4/letter/k/90db22/32.png) [@kelzdevelops](https://forum.kirupa.com/u/kelzdevelops)\
**Post date:** [July 31, 2015, 4:44pm UTC](https://forum.kirupa.com/t/css3-transition-and-animation-help/633569/1 "2015-07-31T16:44:27Z")

</div>

I am a begginer and I am currently working on a website for a client and I came across some cool stuff that I want to have on my client’s site but Iam having trouble getting what I want.

How do you create a free-floating circles/images that move around as if they were bubbles on the screen???

The closest thing to what I want is here: [www.applemusic.com](http://www.applemusic.com)

scroll down to the second section where it Says: “It’s all your music”

How do I tackle this?

---

<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 31, 2015, 10:51pm UTC](https://forum.kirupa.com/t/css3-transition-and-animation-help/633569/2 "2015-07-31T22:51:29Z")

</div>

Something like this: [http://www.kirupa.com/html5/animating\_many\_things\_on\_a\_canvas.htm](http://www.kirupa.com/html5/animating_many_things_on_a_canvas.htm) 😛

You’ll need to use either a CSS Animation or something JS-based like requestAnimationFrame. The tutorial uses requestAnimationFrame and the canvas, and that will suit you just fine!

Let me know if you need further details!

Cheers,  
Kirupa

---

<div class="post-metadata">

**Author:** ![kelzdevelops](https://avatars.discourse-cdn.com/v4/letter/k/90db22/32.png) [@kelzdevelops](https://forum.kirupa.com/u/kelzdevelops)\
**Post date:** [August 4, 2015, 6:14pm UTC](https://forum.kirupa.com/t/css3-transition-and-animation-help/633569/3 "2015-08-04T18:14:26Z")

</div>

I tried putting images inside of canvas and it doesn’t show on the screen.