div.hovertreemusic {
width: 45px;
height: 45px;
animation: hovertreerotate 2s cubic-bezier(0.42, 0, 0.58, 1.0) infinite;
-webkit-animation: hovertreerotate 2s linear cubic-bezier(0.42, 0, 0.58, 1.0); /*Safari and Chrome*/
margin: 2px;
background-image: url(http://hovertree.com/wx/hwq/10/css/music_note_big.png);
}
div.myhovertree {
width: 45px;
height: 45px;
animation: hovertreerotate 2s cubic-bezier(0.15, 0, 0.28, 1.0) infinite;
-webkit-animation: hovertreerotate 2s linear cubic-bezier(0.42, 0, 0.58, 1.0); /*Safari and Chrome*/
margin: 2px;
background-image: url(http://hovertree.com/wx/hwq/10/css/music_note_big.png);
}
div.hwq2 {
width: 45px;
height: 45px;
animation: hovertreerotate 2s cubic-bezier(0.65, 0.5, 0.68, 0.8) infinite;
-webkit-animation: hovertreerotate 2s linear cubic-bezier(0.42, 0, 0.58, 1.0); /*Safari and Chrome*/
margin: 2px;
background-image: url(http://hovertree.com/wx/hwq/10/css/music_note_big.png);
}
@keyframes hovertreerotate {
from {
margin-left:10px;
}
to {
margin-left:400px;
}
}
@-webkit-keyframes hovertreerotate /*Safari and Chrome*/
{
from {
margin-left:10px;
}
to {
margin-left:400px;
}
}