Make Tile Descriptions Slide Up on Hover

October 4, 2016 Uberflip Customer Success

A very cool (and surprisingly simple) effect you can use to force more of the Tile description to show when a user hovers.

Place this in the CSS of the custom code section of your Hub.

/*-- Tile Description Pop-up Hover --*/
#collection-items .tile .description {
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}

#collection-items .tile:hover .description {
	height: 100%;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#collection-items .tile .share-single {
	display: none;
}
Previous Article
Remove Logo in the Top Navigation Bar
Remove Logo in the Top Navigation Bar

Next Article
Put a Flipbook Below an Article
Put a Flipbook Below an Article