Floating images are elements that appear to hover and drift above the page, creating depth and organic motion without any user interaction. You’ve seen them on agency sites, SaaS landing pages, and portfolio headers—images that gently bob and sway as if suspended in space. The effect transforms static layouts into something that feels alive.
Divi has offered built-in animation controls for years, but Divi 5 makes this workflow cleaner thanks to its rebuilt Visual Builder, improved attribute management, and flexible design controls. Combined with a single CSS property, Divi’s built-in Animation options can produce smooth, continuous floating motion directly inside the builder. No plugins. No JavaScript. Just Divi’s native tools and one line of Custom CSS.
This tutorial walks through the full build: layout, card styling, animation, staggered timing, and a frosted-glass text treatment that ties the composition together. By the end, you’ll have a reusable section that looks polished and works well across devices.
