css3 transform - translate 2

css3 transform - translate 2

by fatihhayri

HTML

<div id="tasinan">
    yeni
</div>

CSS

#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)
}