+- Rasitu (https://rasitu.de)
+-- Forum: GENEL KÜLTÜR (https://rasitu.de/forumdisplay.php?fid=654)
+--- Forum: GENEL KÜLTÜR BiLGiLERi MAiN (https://rasitu.de/forumdisplay.php?fid=229)
+---- Forum: Webmaster Bilgileri (https://rasitu.de/forumdisplay.php?fid=232)
+---- Thread: Fare üzerine gelince Büyüyen (Zoom in/Out) Resim CSS Kodu (/showthread.php?tid=4400)
Fare üzerine gelince Büyüyen (Zoom in/Out) Resim CSS Kodu - Hamdullah - 11-25-2018
Fare üzerine gelince Büyüyen (Zoom in/Out) Resim CSS Kodu
Fare üzerine gelince Büyüyen (Zoom in/Out) Resim CSS Kodu
Code:
<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 - Note: if the zoom is too large, it will go outside of the viewport) */
}
</style>
<div class="zoom"></div>