{"product_id":"blog-image-tilt-hover-blog-page-ghost-plugins","title":"Blog Image Tilt Hover (Blog Page)","description":"\u003cp\u003eBlog Image Tilt Hover (Blog Page) is a free CSS plugin from Ghost Plugins for Squarespace 7.1. Use it to add a tilt hover effect to the blog post image shown on the main blog page. It changes how an element moves or reacts on hover with a short snippet pasted into Custom CSS, so there is no script to load and nothing to sign up for.\u003c\/p\u003e\u003ch3\u003eWhat you get\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eA copy and paste CSS snippet for Squarespace's Custom CSS panel\u003c\/li\u003e\n\u003cli\u003eSettings you can adjust in the code: tilt amount (on hover), tilt transition speed\u003c\/li\u003e\n\u003cli\u003eGhost lists it as compatible with all blog layouts.\u003c\/li\u003e\n\u003cli\u003eFree use on unlimited personal and client sites under Ghost's licence\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eWho it suits\u003c\/h3\u003e\u003cp\u003eCreative and personal brand sites that want a small bit of movement or a playful hover effect.\u003c\/p\u003e\u003ch3\u003eHonest limits\u003c\/h3\u003e\u003cul\u003e\n\u003cli\u003eBuilt for Squarespace 7.1; Ghost does not list 7.0 support.\u003c\/li\u003e\n\u003cli\u003eTo keep the images tilted all the time, remove the :hover part of the selector.\u003c\/li\u003e\n\u003cli\u003eIt targets Squarespace's own class names, so a future platform update could change how it looks. Re-check it if something shifts.\u003c\/li\u003e\n\u003cli\u003eFree plugins are provided as is; there is no paid support plan attached to them.\u003c\/li\u003e\n\u003c\/ul\u003e\u003ch3\u003eHow it is delivered\u003c\/h3\u003e\u003cp\u003eOpen the plugin page on Ghost Plugins, copy the CSS and paste it into Custom CSS in your Squarespace site, then save. There is no download, account or checkout. Ghost's licence allows free plugins on unlimited personal and commercial projects, but they cannot be resold, redistributed or bundled into products you sell.\u003c\/p\u003e\u003cp\u003e\u003cstrong\u003eRelated guide:\u003c\/strong\u003e \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/free-squarespace-plugins\"\u003eFree Squarespace plugins\u003c\/a\u003e and the \u003ca href=\"https:\/\/www.squarelocator.com\/collections\/plugins\"\u003eSquarespace plugins hub\u003c\/a\u003e.\u003c\/p\u003e","brand":"Ghost Plugins","offers":[{"title":"Default Title","offer_id":66220264194397,"sku":null,"price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1043\/9275\/3501\/files\/tilt_on_hover_image.webp?v=1792058128","url":"https:\/\/www.squarelocator.com\/products\/blog-image-tilt-hover-blog-page-ghost-plugins","provider":"SquareLocator","version":"1.0","type":"link"}