Slide Up Hover Simple List

---

Look Demo

Add a slide up hover effect to the simple list (auto layout). This plugin uses css editor and works with Squarespace 7.1.

---

How To Install

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

// Auto Simple List - Slide Up Hover //

.user-items-list-simple .list-item {
  transition: box-shadow .5s, transform .5s;
}

.user-items-list-simple .list-item:hover  {
  transform: translateY(-30px);
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);
}

---

Customize

Adjust the transform, transition, and box shadow values to your liking. Help your list stand out by to enabling the Card Style within the list’s main settings.

---