+- Tunca-Forum (https://tunca-forum.com)
+-- Forum: GENEL KÜLTÜR BİLGİLERİ (https://tunca-forum.com/forumdisplay.php?fid=10)
+--- Forum: GENEL KÜLTÜR BiLGiLERi MAiN (https://tunca-forum.com/forumdisplay.php?fid=229)
+---- Forum: Webmaster Bilgileri (https://tunca-forum.com/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 - RasitTunca - 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>