CSS 动态改变图片路径可以实现页面的动态变化，比如切换不同风格主题时替换图片，或根据用户操作动态改变页面图片。

首先，在 CSS 文件中定义要操作的图片元素，比如 img 标签：

img {
width: 100px;
height: 100px;
}

接着，通过定义 CSS 变量的方式设置图片路径：

:root {
/* 定义变量 img-path */
--img-path: url('path/to/image1');
}
img {
/* 使用变量 img-path 设置图片路径 */
content: var(--img-path);
}

这样，当想要动态改变图片路径时，只需修改变量的值即可实现图片路径的动态变化：

/* 切换主题 */
:root {
/* 定义新的 img-path 变量替换原有值 */
--img-path: url('path/to/image2');
}

总之，通过 CSS 动态改变图片路径，可以实现页面的巧妙变动，提升用户体验。同时，使用 CSS 变量可以方便快捷地实现动态变化，避免了频繁修改代码的麻烦。