How to Create Floating Overlapping Images in Divi + Free Opt-in Page Layout!

If you're watching in 2023, instead of going to CCS, create a code space below the images, and wrap all the code between <style> and </style>, like this:
<style>
@keyframes floating {
0% { transform: translate(0, 0px);}
50% {transform: translate(0, 15px);}
100% {transform: translate(0, 0px);}
}

.dl-floating {
animation: floating 7s ease-in-out infinite;
}
... rest of the code...
</style>

2023 and still valid. Thank you very much I always wanted to do that effect. Greetings from Venezuela.

you make wonderfull tutorials, thank you

Can we add parallax effect to those images?

I love your tutorials and have much respect for your talent for creating. I downloaded your pages as I was not having fun trying the CSS . Kept getting errors and got frustrated. Thank you I was able to make a great page with your layout which I'm very happy with.❤

Great tutorial Ania, as always. I`m gonna use it on my portfolio website. I was looking for a solution like this. Many thanks 🙏🙏🙏

Thanks so much, it looks beautiful!

Thank you, that was helpful. Every blessing

Thank you, Ania, for yours fantastic tutorials. I follow you and at my 62 years old I am creating a lovely web for my streaming radio. Thank you so much.

Incredible. I'm going to use it on my website.

Ty, i was looking for it ... Nice video 😊

Wonderful, thank you so much :)

You are amazing; thanks for this

excellent work, pls share more!

This is amazing and beautiful, thank you 🙏🏽

Thanks for the wonderful vid on animating with divi.

This is the kind of content creator we were looking for. Much love from USA.

i just found chanel that usefull , thanks
its very helpfull of my job.
warm hug from indonesia ....

Amazing.

This is awesome stuff!! It worked perfectly well for me !! Please post more!

Love you so much.

GREAT!!! It's just what I wanted to know. You are awesome! Thanks

Thanks Ania, this is really good. thank you so much.

Amazing!

Thanks, Ania, I`m started with Divi and your videos are very clear and super helpful. I like it when you say lovely when you finish something. From Spain

Hi, thank you for the tutorial. However I cant differentiate the animation delay with the CSS you provided! All of the three pictures float simultaneously!

Jak zawsze świetna robota Ania ;)

You are legendary! Perfectly explained, clear, simple and effective. Nicely done.

I love how you explain it clearly. cool animation.

wielkie dzieki!

Wonderful animation Ania. Please keep making such helpful videos.

Thanks Ania, super helpful...and beautiful.

This is really great! Now I begin to understand how these floatings work. Thank you for this tutorial, one more thumb up

Great Thank God you still upload ❤️😘🙏

Świetna robota ....

this is wonderful, thank you.

Great video. I learned a lot. Thanks very much.

Nice effect and well explained - subscribed :-) Thanks

Very nice effect and very well explained. Thank you so much!

awesome Ania, thank you so much for sharing this so clearly!!

Great post, Ania

Perfect, more stuff!

I was thinking of implementing floating images in a new project so this has come at the perfect time, thanks! Subbed and looking forward to more videos.

Nice Love your stuff... I ll utilize this one in one of my projects for sure. Weldone

Simple and elegant as always. Great job.

Great work my friend....

Ania, as always, your solutions are simple, cool and clearly explained!
You are great!
P.S. you look very good!

Hello my beauty, I have been absent for a long time, I have missed you