Jump to content

Custom CSS Animations

Recommended Posts

  • Replies 1
  • Views 793
  • Created
  • Last Reply
18 hours ago, Ghady said:

Hello! 

My website is https://mastercarsreview.com/ and I want to have a cool animation on my Blog pages "News" and "Reviews", and the "Gallery" page.

I want the blog post to enlarge while hovering and the images set in the Gallery page to enlarge also on hover.

Does anyone have an idea about the Custom CSS?

Thanks you in advance.

Add to Home > Design > Custom CSS

.BlogList-item-image img {
    transition: all 0.25s;
}
.BlogList-item-image {
    overflow: hidden;
}
.BlogList-item-image img:hover {
    transform: scale(1.2);
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.