Simple -webkit-transform demo

No JS, just hover.

HTML

Hover the box.
<div id=demo></div>​

CSS

#demo {
    font-family: helvetica, arial;
    margin-top: 10px;
    position: relative;
    left: 0;
    width: 100px;
    height: 100px;
    background: #ccc;
    
    -webkit-transition: -webkit-transform 1s ease-out;
}

#demo:hover{
    -webkit-transform: translateX(100%);
}