Image Block - Tilt Hover

---

1. Plugin Info

Add a tilt hover effect to the image block.

• Works with Squarespace 7.1

• Uses Custom CSS

---

2. Add this code to Custom CSS

// IMAGE BLOCK - TILT HOVER - GHOST //

.sqs-block-image:hover {
  transform: rotate(5deg) !important;
  transition: all 0.2s ease-in-out !important;
}

.sqs-block-image {
  transition: all 0.2s ease-in-out !important;
}

---

3. Customizable Options

• Tilt Amount (On Hover)

• Tilt Transition Speed

---

4. Plugin Notes

• Applies to the Image Block

• If using Fluid Engine, set the image block to the fill style

---