@rowan This type of behavior is the result of using Transition: All for your effects. What happens is, the browser mistakenly tries to transition all the properties of your element.
To avoid this, selectively set your transitions to the properties you need.
For example, in your nav links you would select Transition: Background Color and Transition: Color since those are the properties you’d like to animate.
That site looks great. Just wondering how you go the color background for the section to be that size. When I create the menu bar, the link blocks are much bigger and not uniform around the text.
Also, the all properties is applied instantly when you click the timer, which causes the problem regardless of if you change the parameter afterward. The only way to get rid of it is to revert.
@danro Thanks mate. Was having this problem and just couldn’t figure it out. I think it’s important that this topic be made pinned or something. Better yet would be including this problem in some kind of frequently faced problems. (by default I would always apply the transition to all properties; so now I wont )