Content overlay on hover (7.1) - Auto Layout Carousel

All CSS tricks7.1Hover/overlay
Written By Beatriz Caraballo

About

Add a simple yet dynamic hover mode to your Auto Layout Carousels in Squarespace 7.1 with this snappy code snippet.

You’ll be able to easily adjust the subtleness or bluntness of the colliding effect, and the overlay transparency level, by making quick tweaks to the values in the code.

  • This particular snippet is compatible with:

    • Auto Layout Carousel

    • Squarespace 7.1

Beatriz Caraballo

Hey! I’m B, a customization expert.

I code the heck out of Squarespace and teach other designers how to do it too, one wtf at a time.

https://beatrizcaraballo.com
Previous

Inactive arrow style (7.1) - Auto Layout Carousel
Next

Custom arrow titles (7.1) - Auto Layout Carousel