Add To Cart Button - Bounce

---

1. Plugin Info

Bring attention to the add to cart button with a bounce animation.

• Works with Squarespace 7.1

• Uses Custom CSS

• Compatible with all Product Layouts

---

2. Add this code to Custom CSS

// ADD TO CART BUTTON - BOUNCE ANIMATION - GHOST PLUGINS //

.sqs-add-to-cart-button {
  animation: bounce 1.5s infinite alternate; // animation duration and speed
}

// BOUNCE ANIMATION

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-10px);
  }
}

---

3. Customizable Options

• Animation Duration and Speed

---

4. Plugin Notes

• No plugin notes

---