forcing :active selector to complete transition

[zachgold]

So I have the following:

div#mybutton:active{
	-webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

Since this is an image used as a button, the it obviously won't be active anywhere near the one second necessary to complete the transition. How can I force it to complete the transition after it's no longer active, similar to onClick?

Thanks,
Zach

[zachgold]

bump...

[zachgold]

I find it hard to believe this isn't a common problem. Maybe I'm just approaching it the completely wrong way, so my question seems inane? If so, please let me know!

Thanks,
Zach