Scale Up Hover Simple List

---

Look Demo

Add a scale 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 - Scale Up Hover //

.user-items-list-simple .list-item {
  transform: scale(1) !important;
  transition: all ease-in-out 0.8s !important;
}

.user-items-list-simple .list-item:hover  {
  transform: scale(1.1) !important;
  transition: all ease-in-out 0.8s !important;
}

---

Customize

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

---