div.a {
    width: 320px;
    height: 240px;
    /* transform:translateY(200px) rotate(20deg); */
    /* transform:translateY(10px) ; */
    transition: transform 200s;
}

div.a:hover {
    transform:translateY(0px) rotate(36000deg);
}

div.b {
    width: 320px;
    height: 240px;
    transition: transform 200s;
}

div.b:hover {
    transform: skewX(36000deg) skewY(36000deg);
}

div.c {
    width: 300px;
    height: 54px;
    transition: transform 2s;
}

div.c:hover {
    transform: scaleX(.2);
}