Die clip Eienskap
Die clip eienskap laat toe dat 'n absoluut geposisioneerde element gesny word, slegs die gespesifiseerde reghoekige area sigbaar gelaat.
Die waarde word gespesifiseer deur die rect funksie te gebruik.
Sintaksis
selektor {
clip: rect(bo, regs, onder, links) | outo;
}
Voorbereiding van Beelde
Kom ons sê ons het 'n natuurbeeld wat ons gaan sny:
<img src="image.jpg" width="500">
:
Voorbeeld
Laat ons die beeld sny, slegs die sentrale deel sigbaar laat:
<div class="container">
<img class="image" src="image.jpg">
</div>
.container {
position: relative;
width: 400px;
height: 300px;
}
.image {
position: absolute;
clip: rect(50px, 350px, 250px, 50px);
width: 400px;
height: 300px;
}
:
