Hub Hack: Make Tile Descriptions Slide Up on Hover

Follow

Use this Custom Code snippet to make the descriptions on Item Tiles expand (slide up) when the mouse is hovered over them.


 

Details

  • Type: CSS
  • Placement: Head

 

Screenshot

itemeditorimage_57f40d0719364.gif

 

Code

<style>
/*-- 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; }
</style>

 

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.