Tilt Hover - Image Block

Bookmark Plugin

---

Plugin Details

Add a tilt hover effect to the image block.

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

---

Add to Custom CSS

// IMAGE BLOCK - TILT HOVER - GHOSTPLUGINS.COM //

.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;
}

---

Customizable Options

• Tilt Amount (On Hover)

• Tilt Transition Speed

Notes

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

---