Anti-aliased animation

[tobihagemann]

A user noticed that the cloud animation is not anti-aliased on Firefox. He states that it is fixable via:

outline: 1px solid transparent;

However, I was not able to reproduce the issue (macOS, Retina display) and I don't understand the workaround quite yet. 😄 Would appreciate confirmation and some reference/source for this fix.

[overheadhunter]

I don't understand the workaround quite yet

Just guessing, but I assume that when there is an outline (even a transparent one like in this case), AA happens between the node and its outline. Since the outline belongs to the node, the "hovering" animation of the cloud applies to it as well. The relative movement between node and outline is zero the whole time, therefore no re-calculation of AA is required.

Between node and background (container), there is no AA.