Bizim Board

Full Version: Fare üzerine gelince Büyüyen (Zoom in/Out) Resim CSS Kodu

You're currently viewing a stripped down version of our content. View the full version with proper formatting.

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>

Bizim Board

RasitTunca