CSS image hover effects Slide

CSS image hover effects slide

CSS image hover effects slide, apabila di sorot kursor akan bergerak menggeser

ini contoh css & htmlnya.

<style type="text/css">
.hover05 img {
 margin-left: 30px;
 -webkit-transform: scale(1.5);
 transform: scale(1.5);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}
.hover05:hover img{
 margin-left: 0;
}
</style>

<div class="hover05 ">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHs9aqAYr4ZyJQ2Rx_P-r71xR2epCLknYZwKpYtMSgwmTbMjh9jo51FHUCr-XhXY74X1LgRSZKvapRNS83MzCTd0g-5MfunhhjZx7koTP4gFXrIXoQvjiyiyRnbXRARbuRX3DkL_1Ymnbl/s320/238aafb03c26438bbd6a40ad2cc3dcce.jpg" />
</div>

Demonya:

Selamat mencoba.