Ripple icon card style - Auto Layout Carousel (7.1)

Squarespace 7.1
Written By Beatriz Caraballo
 

About

Give your project’s Auto Layout Carousel cards a subtle but dynamic hover effect with this snippet!

In under 5 minutes, you’ll achieve a cool ripple effect behind the icons when hovering over the corresponding expanded button.

Through the code, you’ll get to control the border styles, rounded corners, icon background and ripple color, icon size, title styles and button styles with ease, while still having the ability to use the section’s native options to adjust the spacing and font sizes to match your design.

Got access? See the snippet
Beatriz Caraballo

Squarespace Customization Expert offering coding support for busy Squarespace designers.

I.e. coding the heck out of Squarespace so you don't have to, unless you want to.

https://beatrizcaraballo.com
Previous

Related videos aspect ratio and title adjustments - Video page (7.1)
Next

Ripple icon card style - Auto Layout simple list (7.1)