css动画填充模式向前更改元素不透明度

当图像完成动画并向前填充时，图像出现问题，其不透明度低于正常加载图像时的不透明度（去掉动画）

我已经查看了我的浏览器（chrome）上的样式，但不知道为什么会发生这种情况 在图像中是什么样的差异看起来像+铬风格

感谢您的建议/帮助

动画：0.5头轻松1.25秒

不带时间单位的
0.5
被解释为，如果设置为
0.5
，则表示：“中途运行动画”。

您需要的是：
名称、持续时间、缓解、延迟、填充模式
使用：

animation: header 0.5s ease 1.25s forwards;

并使用
s
或
ms
单位作为持续时间值

以下是动画速记订单的提示：

名称、持续时间、缓和、延迟、迭代计数、方向、填充模式


.header container.col-2{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：50%；
z指数：-1；
背景：url（“https://placehold.it/100x100/00f");
}
.收割台容器.第2列img{
不透明度：0；
动画：头球0.5s向前移动1.25s；
}
@关键帧标题{
从{
不透明度：0；
}
到{
不透明度：1；
}
}

动画：0.5头轻松1.25秒

不带时间单位的
0.5
被解释为，如果设置为
0.5
，则表示：“中途运行动画”。

您需要的是：
名称、持续时间、缓解、延迟、填充模式
使用：

animation: header 0.5s ease 1.25s forwards;

并使用
s
或
ms
单位作为持续时间值

以下是动画速记订单的提示：

名称、持续时间、缓和、延迟、迭代计数、方向、填充模式


.header container.col-2{
显示器：flex；
证明内容：中心；
对齐项目：居中；
宽度：50%；
z指数：-1；
背景：url（“https://placehold.it/100x100/00f");
}
.收割台容器.第2列img{
不透明度：0；
动画：头球0.5s向前移动1.25s；
}
@关键帧标题{
从{
不透明度：0；
}
到{
不透明度：1；
}
}