Closed robertdenton closed 10 years ago
Simple CSS3 transition should do the trick with the opacity. Just the pertinent stuff below.
.fun_button img{
opacity: .3;
transition-property: opacity;
transition-duration: .5s;
}
.fun_button img:hover{
opacity: .5;
transition-property: opacity;
transition-duration: .5s;
}
Only problem is on transition there are some hard pixel edges that get softened after a second or so. Need to find a fix for that.
May be a better idea to just use svg...
nevermind see https://github.com/mhulse/av
@mhulse suggested adding css3 animations on the play and pause buttons