Blog Image (Tilt Hover) - Blog Page

Bookmark Plugin

---

Plugin Details

Add a tilt hover effect to the blog post image shown on the main blog page.

Compatibility

• Works with Squarespace 7.1

• Uses Custom CSS

• Compatible with all Blog Layouts

---

Add to Custom CSS

Copy Code

// IMAGE TILT HOVER - MAIN BLOG PAGE - GHOSTPLUGINS.COM //

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

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

---

Customizable Options

• Tilt Amount (On Hover)

• Tilt Transition Speed

Notes

If you want the images to be titled at all times, remove :hover from the code.

---