Second skin supporting and ability to change

[viT-1]

Как в старом своём проекте hobby сделать переключатель шкурок, чтобы показать архитектуру CSS (отделение каркаса от цветового/шрифтового оформления).

[viT-1]

Если по загрузке страницы анимация установленная в CSS классе .aClass прошла, то в .aClass:hover никакая анимация не сработает - надо убирать с элемента .aClass
https://2002-2012.mattwilcox.net/archive/entry/id/1056/

Но можно комбинировать загрузку onload анимаций, а по hover'у менять свойство какое-нибудь, чтобы fire transition на него завязанный:
http://jsfiddle.net/DFcb9/1/

[viT-1]

Рестарт анимации. Только засада, что срабатывает он на hover out!
https://justmarkup.com/log/2015/01/restart-css-animation-using-css-to-trigger-a-reflow/

[viT-1]

Ещё есть вариант: делать обёртку, к содержимому которой применять анимацию onload, а к самой обёртке :hover
http://jsfiddle.net/gleezer/Jc6LU/5/
http://stackoverflow.com/questions/27872375/css-animation-on-load-and-on-hover

[viT-1]

Ещё вариант: на js удалять имя класса, вызывать reflow и заново ставить класс: http://codepen.io/njoubert/pen/Dvrik