css animation: morp

gistfile1.txt

.morph1 {
background: url(/wp-content/uploads/2014/01/but-webdesign-01.png);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.morph1:hover {
background: url(/wp-content/uploads/2014/01/but-webdesign-02.png);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}