Search Results

@mediascherm en (max. breedte: 775px) { .kaart-skelet { breedte: 45% !belangrijk; } .filter-skelet { Geen weergeven; } } @mediascherm en (min.breedte: 990px) { [klasse*=\"smal\"] { max-breedte: geen !belangrijk; } } .container-skelet { marge: 0 automatisch; maximale breedte: 100%; } @keyframes placeHolderShimmer { 0% { -webkit-transformatie: vertalenZ(0); transformeren: vertalenZ(0); achtergrondpositie: -468px 0; } naar { -webkit-transformatie: vertalenZ(0); transformeren: vertalenZ(0); achtergrondpositie: 468px 0; } } .kaart-skelet { breedte: 20%; hoogte: 300px; marge: 5px; positie: relatief; zweven: links; bovenaan: 0; links: 0; overgang: alle 0,3s gemak-in-uit; -webkit-backface-zichtbaarheid: verborgen; achtergrond: #fff; z-index: 1; opvulling: 15px; dekking: 1; } .kaart-skelet.verborgen { overgang: alle 0,3s gemak-in-uit; dekking: 0; hoogte: 0; opvulling: 0; } .card-skelet-img { breedte: 100%; hoogte: 120px; achtergrond: #e6e6e6; weergave: blok; } .geanimeerde achtergrond { wil-verandering: transformeren; animatie: placeHolderShimmer 1s lineair oneindig vooruit; -webkit-backface-zichtbaarheid: verborgen; achtergrond: #e6e6e6; achtergrond: lineair verloop (90 graden, #eee 8%, #ddd 18%, #eee 33%); achtergrondgrootte: 800px 104px; hoogte: 100%; positie: relatief; } .skel-masker-container { positie: relatief; } .skel-masker { achtergrond: #fff; positie: absoluut; z-index: 10; } .skel-masker-1 { breedte: 100%; hoogte: 15px; bovenaan: 0; links: 0; } .skel-masker-2 { breedte: 25%; hoogte: 10px; boven: 15px; rechts: 0; } .skel-masker-3 { boven: 25px; } .skel-masker-3, .skel-masker-4 { breedte: 100%; hoogte: 15px; rechts: 0; } .skel-masker-4 { boven: 50px; } .skel-masker-5 { breedte: 10%; hoogte: 30px; boven: 65px; rechts: 30%; } .skel-masker-6 { breedte: 100%; hoogte: 15px; boven: 95px; rechts: 0; }