Hur man skapar: Zoom vid musöverdragning
- Föregående sida Formatera tal
- Nästa sida Vänd box
Lär dig hur man använder CSS för att zooma element vid musöverdragning.
Zoom vid musöverdragning
Sätt muspekaren över den gröna ramen:
Hur man zoomar vid musöverdragning
<style>
.zoom {
fyllning: 50px;
bakgrundsfärg: grönt;
övergång: transform .2s; /* Animation */
bredd: 200px;
höjd: 200px;
marginal: 0 auto;
}
.zoom:hover {
transform: skala(1.5); /* (150% zoom - Observera: Om zoomningen är för stor, kommer den att överstiga viewport-området) */
}
</style>
<div class="zoom"></div>
Relaterade sidor
Tutorial:CSS transformation
- Föregående sida Formatera tal
- Nästa sida Vänd box
