div.css3-C{
    background: #007374;
    -webkit-transition-property:background,-webkit-transform;
    -webkit-transition-duration:1s;
    transition-property:background,-webkit-transform;
    transition-duration:1s;
}
div.after{
    background: #19283c;
    -webkit-transform: translate(200px,0) rotate(360deg);
    transform: translate(200px,0) rotate(360deg);
}

div.css3-C2{
    background: #007374;
    -webkit-transition-property:background,-webkit-transform;
    -webkit-transition-duration:1s;
    transition-property:background,-webkit-transform;
    transition-duration:1s;
}
div.css3-C2 div{
    width:50px;
    height:50px;
    line-height: 50px;
    border: 2px solid #fff;
    transition-property:height,width,line-height;
    transition-duration:1s;
}
div.after2{
    background: #19283c;
    -webkit-transform: translate(200px,0) rotate(360deg);
    transform: translate(200px,0) rotate(360deg);
}
div.after2 div{
    width:150px;
    height:150px;
    line-height: 150px;
    border: 10px solid #007374;
}