search

rgpages / lane-county-fair

Sights and sounds of the Lane County Fair in Eugene, Ore.
http://pages.registerguard.com/lane-county-fair/
0 stars 2 forks source link

Add animation to play/pause buttons #4

Closed robertdenton closed 10 years ago

robertdenton commented 10 years ago

@mhulse suggested adding css3 animations on the play and pause buttons

robertdenton commented 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.

robertdenton commented 10 years ago

May be a better idea to just use svg...

robertdenton commented 10 years ago

nevermind see https://github.com/mhulse/av