Can you overlay different animations on top of each other in HTML?

Question

I’m trying to make a penguin animation and I want to have one smaller circle on top of another larger circle. Is there any way I can do this?

Answer 1

Yes, you can do this by using "z-index" CSS property.

You can know more about it here:
https://www.w3schools.com/cssref/pr_pos_z-index.asp

Hope it helps!! 👍☺️

Answer 2

For this you will need the z-index property.
Set the z-index of the smaller circle to anyting greater than one.

example:

z-index:5;

Answer 3

You sure can! Helpful tip: Google is your friend

Answer 4

James Hepburn you can contact with Mitali......She is so much skillful to make such kind of animation!!

Answer 5

https://www.w3schools.com/howto/howto_css_overlay.asp

Answer 6

you'll be able to do this with z-index.
if you're a user of something like Photoshop or any software alike, then you'll see that z-index is used to arrange elements like if you're dealing with layers.

Answer 7

hope this will help you....

http://www.corelangs.com/css/box/overlay.html