css中背景图跟div一起动

CSS中背景图跟div一起动的效果，通常会给页面添加更加美观的视觉效果，增强用户的交互体验。实现起来也非常简单，只需要在CSS中设置相应的样式，就可以实现这一效果。

/* CSS样式 */.div-bg{
        width: 200px;
        height: 200px;
        background: url("bg.png") no-repeat;
        background-position: left top;
        transition: background-position 1s;
}
.div-bg:hover {
        background-position: right top;
}
    

以上代码中，我们先给出一个class为div-bg的div设置默认的样式。其中，background用于设置背景图片的URL，no-repeat表示图片不进行重复，background-position设置图片在背景中的位置，transition设置动画过渡效果。

而hover则表示当鼠标悬停在div上时，将修改background-position的值，使图片移动到另外一个位置。

通过这种方式，我们可以使div背景图动起来，让整个页面更加生动有趣，吸引用户的眼球，提高用户的品牌识别度、美誉度。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！