Mgiyuk

Overlay slide from top and bottom over img at hover-event I´m struggling with implementing a concept which is used here: https://codepen.io/web-tiki/pen/HhCyd body{ font-family: 'Open Sans', arial, sans-serif; background:rgb(123, 158, 158); } *{ margin:0; padding:0; } #categories{ overflow:hidden; width:90%; margin:0 auto; } .clr:after{ content:""; display:block; clear:both; } #categories li{ position:relative; list-style-type:none; width:27.85714285714286%; /* = (100-2.5) / 3.5 */ padding-bottom: 32.16760145166612%; /* = width /0.866 */ float:left; overflow:hidden; visibility:hidden; -webkit-transform: rotate(-60deg) skewY(30deg); -ms-transform: rotate(-60deg) skewY(30deg); transform: rotate(-60deg) skewY(30deg); } #categories li:nth-child(3n+2){ margin:0 1%; } #categories li:nth-child(6n+4){ margin-left:0.5%; } #categories li:nth-child(6n+4), #categories li:nth-child(6n+5), #categories li:nth-child(6n+6) { margin-top: -...