网站内容似乎在没有警告的情况下进行动画处理？

Question

当查看我的网站 (http://elsealabs.com/) 时，内容似乎在向内动画，即使我没有指定此类事件的动画。如何让这个动画停止？

如果您刷新页面并查看下载按钮或导航菜单，这一点尤其明显。

手写笔代码在这里：https://gist.github.com/Connorelsea/a8d62c9dc7ac31069fc9

我的 Jade 布局在这里：https://gist.github.com/Connorelsea/b614e3754a1854625f1b

我的 Node.JS 服务器代码在这里：https://gist.github.com/Connorelsea/198b7c2a1bace65d03c9

如果有人甚至可以指出正确的方向来弄清楚为什么会发生这种情况，那就太好了。

Answer 1

我认为这是页面加载时的填充或边距过渡。这有点奇怪，但解决方案是仅将转换应用于您希望进行转换的属性（而不是像这里那样 "all"）。

对于链接，它类似于

a {
    transition: font-size .2s, font-weight .2s;
}

在旁注中，我建议将行高设置为固定高度（以像素为单位）以减少跳动。