CSS精灵图是一种在网页中使用的优化技术，它将多个小图片打包成一个大图，在需要使用时通过调整背景图位置来呈现不同图片。而想要通过CSS移动精灵图，需要了解以下几个关键点。

首先是CSS的background-position属性。该属性决定了背景图在元素中的定位位置。background-position使用两个值来表示，第一个值表示横向位置，第二个值表示纵向位置。比如：

background-position: 0px 0px;

表示背景图显示在左上角。

其次是CSS的background-size属性。该属性决定了背景图的大小，可以使用百分比或具体数值来指定大小。当使用精灵图时，需将该属性设置为精灵图的宽度和高度。比如：

background-size: 100px 100px;

表示精灵图的宽高为100px。

然后是使用精灵图的元素。在需要显示精灵图的元素上设置background-image属性为精灵图路径，同时设置background-position和background-size属性，如：

background-image: url('sprite.png');
background-position: -100px 0px;
background-size: 200px 300px;

该代码表示使用名为sprite.png的精灵图，显示位置在精灵图向右100px、向下0px的位置，使用精灵图宽度为200px、高度为300px。

最后是移动精灵图。移动精灵图需要调整background-position属性的值。通过改变横向或纵向的值可以改变背景图在元素中的位置，从而达到移动的效果。比如：

#sprite {
background-position: -100px 0px;
}
#sprite:hover {
background-position: -200px 0px;
}

该代码表示在悬停状态下将元素的背景图位置横向向左移动100px，达到了移动效果。