CSS是網頁設計中不可或缺的一部分，可以通過CSS實現各種炫酷的效果。在這里，我們將介紹一種簡單的動態圖的實現方法。

html{
height:100%;
}
body{
height:100%;
display:flex;
justify-content:center;
align-items:center;
}
@keyframes rotate{
0%{
transform:rotate(0deg);
}
50%{
transform:rotate(180deg);
}
100%{
transform:rotate(360deg);
}
}
p{
width:50px;
height:50px;
border-radius:50%;
background-color:#f00;
animation:rotate 2s ease-in-out infinite;
}

首先，我們需要設置html和body的高度為100%。然后，我們使用flex布局將p元素居中。接下來，我們定義一個名為rotate的動畫，使p元素繞自身中心點不斷旋轉。最后，我們將動畫應用到p元素中，并設置動畫重復次數為無限。

這是一個非常簡單的CSS動態圖的實現方法，希望對大家有所幫助。