Question

I cannot seem to get css transitions to work for some reason. I am sure this is a very simple mistake. But I have been hitting my head against the wall for an hour now. I am using mozilla firefox 4.0.1 on windows 7 64bit.

<style>
a:link {
 transition: color 1s ease-in-out;
 color: #fff;
 text-decoration: none;
 text-shadow: 1px 1px #000;
}

a:hover {
 color: #0072bc;
 text-decoration: none;
 text-shadow: 1px 1px #000;
}
</style>
<a href="#">test</a>

Answer 1

You need to use the -moz- prefix, as it isn’t standardised yet. So:

-moz-transition: color 1s ease-in-out;