css-transitions - 使用 CSS3 过渡更改字体粗细

Question

我目前正在处理这个页面。团队成员的字体粗细和他们的名字看起来非常统一，但是一旦我将鼠标悬停在照片上以调用 CSS3 过渡，字体粗细就会变低。

我尝试给照片 div 更多的边距，但字体粗细仍在变化。

我在 Mac 上使用最新的 Chrome。

Answer 1

以下是我突然想到的两个错误：

1）你有两个 div 的 ID 都是“team”。这几乎肯定会混淆浏览器。

2) IDS 为“#about-pic”和“#about-team”的 div 的“display”属性在 CSS 中拼写错误为“dispplay”。未应用该值。修复该错字，并且类型在悬停事件上稳定。