RECEPTEN

Varken

Varkensgebraad Varkenshaas

/* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recepten - start */ /* ----------------------------------------- */ .assortiment-item{ min-height: 270px; background-repeat: no-repeat; background-size: cover; padding-left:0; padding-right:0; border: solid 5px #0c0c0c; transition: 0.2s all; } .assortiment-item .background{ height: 260px; overflow: hidden; /* -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ /* filter: grayscale(100%); */ z-index:0; transition: 0.2s all; } .assortiment-item .background img{ width:100%; } .assortiment-item .background:hover, .assortiment-item .marker:hover + .background{ //filter:grayscale(100%) opacity(40%); } .assortiment-item a, .assortiment-item h1{ color:#FFFFFF; } .assortiment-item a{ font-size:18px; pointer-events: auto; } .assortiment-item a:hover{ font-weight:bold; } .assortiment-item:hover{ border-color: #bfa872; cursor:pointer; } .marker{ transition: ease-in-out all 0.1s; } .assortiment-item{ overflow:hidden; } .recept{ display:none; } .assortiment-item:hover .recept{ display:block; } .assortiment-item:hover .marker{ top: 0; height: 100%; padding-top: 30px; } .assortiment-item h1{ text-transform:uppercase; padding:0; line-height:0; } .assortiment-item .marker{ padding: 10px 0; top: 33%; position: absolute; width: 100%; z-index:1; pointer-events:none; } /* ----------------------------------------- */ /* Inhoudssjabloon: loop-item-in-recepten - einde */ /* ----------------------------------------- */