Hvordan skal oprettes: Zoom når musepeksen er over
- Forrige side Formatere tall
- Neste side Omvendt boks
Lær hvordan man bruger CSS til at zoome elementer når musepeksen er over.
Zoom når musepeksen er over
Placer musepeksen over den grønne ramme:
Hvordan skal zoomes når musepeksen er over
<style> .zoom { padding: 50px; background-color: green; transition: transform .2s; /* Animation */ width: 200px; height: 200px; margin: 0 auto; } .zoom:hover { transform: scale(1.5); /* (150% zoom - Bemærk: Hvis zoom er for stort, vil det gå ud over viewport-området) */ } </style> <div class="zoom"></div>
Relaterte sider
- Forrige side Formatere tall
- Neste side Omvendt boks