Refrigerator

<style type="text/css"> .catalog { overflow:hidden; width:300px; height:300px; margin:2px; } .catalog:hover img{ transition: transform 500ms , opacity 500ms 0ms ease-in-out; transform: scale(1.3); opacity: 0.3; } .hide{ z-index:0; display:block; font-size: 10px; position:relative; top:-50px; transition: font-size 500ms , top 500ms 0ms ease-in-out; width:100%; background: #6c6c934d; background-size: 300px 300px; color: #13436c; } .catalog:hover .hide { font-size:50px; top:-300px; padding-bottom:50px; } </style>