jquery - CSS Transition在CodePen中有效，但不是直播

我在这里遇到一些困难。我正在学习CSS动画，并希望将转换应用到我的投资组合中。但是，它不会发生。但是，它在CodePen中运行得非常好。

我在这里看了很多其他线程，似乎他们的所有解决方案（例如在HTML中缺少!DOCTYPE和js中的ready函数）对我的问题没有帮助。

知道为什么会这样吗？

在Codepen中查找此CSS：

.img-project:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
    transition: opacity 5s;
}