+ 4

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

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?

21st Aug 2018, 2:06 AM
James Hepburn
7 odpowiedzi
+ 4
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!! 👍☺️
21st Aug 2018, 7:59 AM
Om Raj
Om Raj - avatar
+ 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;
21st Aug 2018, 1:28 PM
Mitali
Mitali - avatar
0
You sure can! Helpful tip: Google is your friend
21st Aug 2018, 11:52 AM
Erick Gonzalez
Erick Gonzalez - avatar
0
James Hepburn you can contact with Mitali......She is so much skillful to make such kind of animation!!
21st Aug 2018, 1:26 PM
AL Araf
AL Araf - avatar
23rd Aug 2018, 10:51 AM
deepak sharma
deepak sharma - avatar
0
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.
25th Aug 2018, 4:05 AM
Adrian A. Salvatori Jaspe
Adrian A. Salvatori Jaspe - avatar
17th Oct 2019, 5:47 AM
rahul kumar
rahul kumar - avatar