Codiing for Zoom Image

-
 Zoom Image

 <html>
<head>
<style>
body {
padding: 0;
}
.zoomImage {
width:300px;
height:300px;
margin-top:250px;
margin-left: 400px;
-moz-transition:all 0.8s cubic-bezier(0.6, -0.28, 0.74, 0.05);
-o-transition:all 0.8s cubic-bezier(0.6, -0.28, 0.74, 0.05);
-webkit-transition:all 0.8s cubic-bezier(0.6, -0.28, 0.74, 0.05);
transition:all 0.8s cubic-bezier(0.6, -0.28, 0.74, 0.05);
}
.zoomImage:hover {
transform:scale(1.7);
}
</style>
</head>
<body>
<img class="zoomImage" src="#" alt="Rubic-Cube">
</body>

</html>

Comments

Post a Comment