Edit in JSFiddle

#tasinan {
    width: 50px;
    height: 50px;
    background-color: #06F;
    color: #fff;
    -moz-transition: all 5s;
    -o-transition: all 5s;
    -webkit-transition: all 5s;
    transition: all 5s
    }

#tasinan:hover {
    -moz-transform: translate(150px, 100px);
    -ms-transform: translate(150px, 100px);
    -o-transform: translate(150px, 100px);
    -webkit-transform: translate(150px, 100px);
    transform: translate(150px, 100px)
}
<div id="tasinan">
    yeni
</div>