Make Anything Orbit/Rotate in Circle with CSS (Elementor Free)

CSS code - dmmotionarts.c...
Some links below are affiliate links -
Elementor (Custom CSS is paid feature) - be.elementor.c...
Royal addon for Elementor (Free version for Custom CSS) - r.freemius.com...
My recommended hostings, plugins, themes and wordpress tools -
dmmotionarts.c...
00:12 Setting up the items for orbit
1:32 CSS for orbiting or rotating in a circle
5:07 - Equal Points in a circle using ChatGPT
8:16 - Responsiveness for Tablet Orbit CSS Animation
10:16 - Responsiveness for Mobile Orbit CSS Animation
12:40 - Using ChatGPT for easier CSS orbit/rotate Values

[@humbertg.9661]

Excellent! The only video in YT about this. Thanks! The only thing I would do is editing it a bit better and let go some parts that might be confusing. Cheers!

[@DMmotionarts]

Yeah, I just freestyled it without putting much thought into it. I'll improve as I proceed.

[@DMmotionarts]

The latest elementor update is making the icons look bigger in my link given above. It should be fixed soon, the code still works perfectly.

[@blackspectras]

not helpful or not full video please explain in more detail

[@KeroNinja.Workspace]

Can i make the icons floating freely in container?

[@DMmotionarts]

Yes, you can. Use absolute position with CSS animation for float effect.