有没有办法完全淡出一个图像并通过过渡完全淡入另一个图像？答案

【问题标题】：Is there a way to fade one image out completely and fade another one in completely with transition?有没有办法完全淡出一个图像并通过过渡完全淡入另一个图像？
【发布时间】：2014-01-23 23:29:49
【问题描述】：

正如标题所述，有没有办法通过过渡使一张图像完全淡出并完全淡入另一张图像？我希望使用 CSS 中的新转换属性来做到这一点。任何帮助将不胜感激。先感谢您。

【问题讨论】：

你试过谷歌吗？一般来说，发布到 StackOverflow 的问题应该首先显示解决问题的一些尝试。

标签： html css image transition

【解决方案1】：

有没有办法让一个图像完全淡出并通过过渡完全淡入另一个图像？

是的。

我希望使用 CSS 中的新转换属性来实现此目的

不透明度可以设置动画：

.yourImage {
   opacity: 1;
   transition: opacity .25s ease-in-out;
}

.fade {
   opacity: 0;
}

【讨论】：