Blog Image (Tilt Hover) - Blog Page


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

// 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.


Previous
Previous

Blog Image (Rounded Corners) - Blog Page

Next
Next

Turn Read More Into Button - Blog Page