Gebruiker:IdP/kladblok07
Uit TheaterEncyclopedie
CSS test voor NA gallerij smalle afbeeldingen
{{#css:
img {
position: relative;
width: 70px;
height: 340px;
object-fit: cover;
border-radius: 10px;
margin-right: 10px;
margin-bottom: 20px;
cursor: pointer;
transition: width 0.8s ease-in-out;
z-index: 1;
}
img:hover {
position: absolute;
transform: scale(1.2);
width: 300px;
z-index: 10;
margin: 10px;
padding: 10px;
background-color: white;
box-shadow: 0 .5rem 1rem darkgrey;
objext-fit: cover;
}
img:hover img {visibility: hidden;}
}}
Afbeeldingen gebruikt
Deze afbeeldingen zijn niet op productie aanwezig.
<div class="row img-fluid gallery na-imgv02 d-flex justify-content-center mr-4"> [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1708-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1709-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1710-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1711-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1712-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1713-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1714-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1715-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1736-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1737-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1738-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1708-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1709-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1710-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1711-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1712-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1713-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1714-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1715-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1736-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1737-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1738-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1708-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1709-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1710-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1711-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1712-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1713-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1714-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1715-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1736-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1737-klein.jpg|class=img-responsive]] [[Bestand: Test-NL-HaNA 2.24.01.09 0 902-1738-klein.jpg|class=img-responsive]] </div>