文档
CSS
Transition
背景图片的 Transition

背景图片的 Transition

兼容性

Chrome 支持背景图片的过渡动画,其他浏览器至今仍未支持这个 CSS 特性,请谨慎使用。

.css
.bg-image {
  background-image: url(/images/wallpaper1.jpg);
  backgroundrepeat: no-repeat;
  backgroundsize: cover;
  transition: background-image 2s ease;
}

示例

点击下方背景图片,可以看到切换时的过渡动画。

Last updated on January 10, 2023