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

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

我相信这是页面加载时的填充或边距转换。这有点奇怪，但解决方案是仅将转换应用于您希望具有转换的属性（而不是像您在这里那样的“全部”）。

对于链接，它会是这样的

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

在旁注中，我建议将 line-height 设置为固定高度（以 px 为单位）以减少跳跃。