CSS3是現代網頁設計中不可或缺的一部分，它可以用來實現各種各樣的效果，其中包括動態圖片。下面我們來看一個實例。

.img-container{
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
}
img{
max-width: 100%;
animation: rotation 10s linear infinite;
}
@keyframes rotation{
from{ transform: rotate(0deg) }
to{ transform: rotate(360deg) }
}

這段CSS代碼的作用是讓圖片旋轉起來，并實現居中效果。我們可以將圖片放在一個容器中，使用flex布局將其居中，并設置圖片的最大寬度。接著，我們定義一個關鍵幀動畫，使用transform屬性將圖片進行旋轉，從0度到360度，持續10秒，并讓其無限循環。

可以看到，借助CSS3的強大功能，我們可以輕松地創建出各種動態效果，讓網頁更加生動有趣。