CSS3 Transition and Animation HELP

1

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

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

How do I tackle this?

2

Something like this: http://www.kirupa.com/html5/animating_many_things_on_a_canvas.htm :stuck_out_tongue:

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

3

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