Edit in JSFiddle

.ornek3{
width:80px;
height:80px;
background:#096;
color:#FFF;
}
.ornek3:hover{
background-color:#036;
margin-left:200px;
-o-transition:margin-left 3s linear, background-color 1s linear 3s;
-webkit-transition:margin-left 3s linear, background-color 1s linear 3s;
-moz-transition:margin-left 3s linear , background-color 1s linear 3s;
} 

<div class="ornek3">4 saniyede kayar arka planı değiştirir</div>