Beatriz Caraballo

View Original

Slide-up title hover animation for blog posts

See this content in the original post

The client was migrating his site from 7.0 to 7.1 and was looking to adapt some customizations he already had in place to the new version. Amongst the different tweaks, he was looking for a way to display a custom filter and a slide-up animation for his post titles, to keep a minimal look while including some interactive elements.

Using the Universal Filter plugin as a base for the filtering functionality, I customized its look to make it match the old site in terms of colors and overall style. Additionally, I modified his Summary Block to turn the title into a slide-in element that would show up only on hover, enticing users to click through to see the gallery behind it.