How to slow down hover opacity effect on portfolio blocks?

TJC123 · March 14, 2023

Hi all,

I am looking to reduce the opacity fade in and out time when hovering over images in the portfolio (image below). The opacity/grey out effect should be smoother and slower, rather than instant appear and disappear. How can I achieve this?

My website: toroscangar.com

Password: 123123123

Thanks!

tuanphan · March 16, 2023

Add to Design > Custom CSS

/* hover effect */
.portfolio-grid-overlay .grid-item .portfolio-text {
    transition-duration: 900ms !important;
}

TJC123 · March 28, 2023

Brilliant! Thanks a lot.

How to slow down hover opacity effect on portfolio blocks?

Recommended Posts

TJC123

Link to comment

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

tuanphan

Link to comment

TJC123

Link to comment

Create an account or sign in to comment

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources