/* 在这里，大家定义一个简单的 CSS 样式，这些样式将用于照片背景变换效果 */
body {
background-image: url("example1.jpg");
background-size: cover;
transition: background-image 1s ease-in-out;
}
body:hover {
background-image: url("example2.jpg");
background-size: cover;
}现在，大家来详细介绍这个代码。首先，大家使用“ background-image”属性定义了网站背景图片的位置。在这个例子中，大家首先定义照片 example1.jpg 作为初始的背景图片。
接下来，大家使用“ background-size”属性来确保背景图片可以完全占据整个屏幕。然后，大家使用“ transition”属性来定义当鼠标悬停在页面上时，背景图片要发生的变化情况。
随着鼠标在页面上悬停，CSS 将自动在 example1.jpg 和 example2.jpg 之间进行无缝背景变换，这是不是非常酷炫呢？
这个简单的 CSS 代码是许多设计师和开发人员用来增强网站视觉效果的标准技术，它可以使你的网站更加生动有趣。所以，如果你想要增强自己的网站视觉体验，记住这个代码，它肯定会为你增色不少。