【问题标题】: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;
}

【讨论】:

    猜你喜欢
    • 2012-01-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-03-18
    • 1970-01-01
    • 2013-07-15
    • 2013-07-01
    • 2013-05-09
    相关资源
    最近更新 更多