What browser are you using?
On the pen, the violet color animated in smoothly. On the actual site, it just turns on and off abruptly. The scaling of the square seems to be the only thing accepting the animation transition timing.
The background should take as long to change colors as the square does to scale down.