What am I doing wrong with the following CSS3 transition/transform code?
===

    .logo {
    margin:10px;
    width:80px;
    height:80px;
    background-color:#00FF80;
    -webkit-transition-duration: 2s;
    }

    .logo:hover {
    -webkit-transition:rotate(360deg);
    }

I am not sure what I am doing wrong...can somebody help?