CSS3精靈技術(shù)是前端開發(fā)中常用的一種技術(shù)，它可以將多張小圖片合并成一張大圖，通過CSS的background-position屬性來調(diào)節(jié)顯示的位置，從而減少網(wǎng)頁的HTTP請求次數(shù)，提高頁面加載速度。

.navbar {
background-image: url('/img/navbar-sprite.png');
}
.nav-item-1 {
background-position: 0 0;
}
.nav-item-2 {
background-position: -114px 0;
}
.nav-item-3 {
background-position: -228px 0;
}

如上代碼所示，navbar是一個導(dǎo)航欄的容器，背景圖是利用CSS3精靈技術(shù)拼接而成的圖片，它包含了三個導(dǎo)航項的圖標。通過設(shè)置每個導(dǎo)航項的background-position屬性值，將其定位到正確的位置。

CSS3精靈技術(shù)不僅可以減少HTTP請求次數(shù)，還可以通過CSS3的transition屬性實現(xiàn)圖片切換的動畫效果。

.nav-item:hover {
transition: all 0.2s ease-in-out;
background-position: -114px -32px;
}

如上代碼所示，在鼠標懸浮到導(dǎo)航項上時，通過設(shè)置background-position屬性的值來改變顯示的圖片，并設(shè)置CSS3的transition屬性使其變化更加平緩自然。

總的來說，CSS3精靈技術(shù)是一種提高網(wǎng)頁性能和美化網(wǎng)頁的技術(shù)，建議在實際開發(fā)中積極使用。