CSS動態小圖片常常被用來增加頁面的趣味性和交互性，例如：當鼠標放在按鈕上時，按鈕的背景圖片會換成另一張圖片。實現這個效果非常簡單，只需要用CSS設置按鈕的:hover偽類，然后使用background-image屬性給按鈕定義兩張不同的背景圖片即可：

button:hover{
background-image: url(hoverImage.jpg);
}
button{
background-image: url(normalImage.jpg);
}

除了在:hover偽類中使用不同的背景圖片，CSS動態小圖片還可以通過使用CSS3中的transition屬性來實現平滑過渡的效果。例如，在鼠標放在圖片上時，圖片會從原始尺寸縮小到80%的尺寸：

img:hover{
transition: all 0.5s ease;
transform: scale(0.8);
}
img{
width: 200px;
height: 200px;
}

在這個例子中，我們使用了transition屬性來指定一個過渡動畫，然后使用transform屬性來設置圖片縮小的比例。我們也可以使用其他的CSS3屬性，例如opacity、rotate等來實現更加豐富的動態效果。