Colorful, swirled donut-shaped object with vibrant pink, orange, and white hues.
Holographic rainbow-colored letter 'C' with a shiny, iridescent surface.

Float animations

  1. Open the CSS panel

    • Pages > Scroll down > Custom Code > Custom CSS or

    • Typing forward slash ( / ), then “CSS”

  2. Copy the Block IDs of the elements you want to animate.

    • You’ll need to install the Squarespace Block ID Finder Chrome extension

  3. Paste the Block ID into the //FLOATING ANIMATED IMAGES section, separated by commas.

  4. Choose your speed: add your IDs under either the “Quicker float” or “Slower float” section — whichever effect you prefer.