今天我們來學習一下CSS圖片動態效果的源碼吧！

img:hover {
transform: scale(1.2);
transition: transform 0.5s ease;
}

上面這段代碼實現的是當鼠標懸停在圖片上時，圖片放大1.2倍的效果，同時過渡時間為0.5秒，過渡方式為緩動。

除此之外，CSS還可以實現很多有趣的圖片動態效果，比如：

img {
filter: grayscale(1);
transition: filter 0.5s ease;
}
img:hover {
filter: grayscale(0);
}

這段代碼實現的是圖片灰度化，當鼠標懸停在圖片上時，圖片恢復原色，過渡時間為0.5秒，過渡方式為緩動。

更多有關CSS圖片動態效果的源碼可以在互聯網上搜索，也可以自己動手嘗試制作出更酷炫的效果。