創(chuàng)建動圖使用div和CSS是一種有趣且實用的技術(shù)，雖然直接在CSS中創(chuàng)建動圖可能有些復(fù)雜，但我們可以借助一些流行的CSS框架，如Animate.css或GSAP（GreenSock Animation Platform），來簡化這個過程。

你需要在你的HTML文件中創(chuàng)建一個div元素，這個元素將用于承載你的動圖。

<div id="my-animation"></div>

你可以使用CSS來定義這個div元素的樣式和動畫效果，你可以使用CSS的@keyframes規(guī)則來創(chuàng)建一些動畫幀：

@keyframes my-animation {
  0% { background-color: red; }
  50% { background-color: blue; }
  100% { background-color: green; }
}

在這個例子中，我們創(chuàng)建了一個名為my-animation的動畫，其中背景顏色從紅色變?yōu)樗{(lán)色，***后變?yōu)榫G色，你可以將這個動畫應(yīng)用到你想要的地方，

#my-animation {
  width: 200px;
  height: 200px;
  animation: my-animation 2s linear;
}

在這個例子中，我們將my-animation動畫應(yīng)用到了id為my-animation的div元素上，并設(shè)置了動畫的持續(xù)時間和緩動函數(shù)。

這只是一個簡單的例子，你可以根據(jù)自己的需求來創(chuàng)建更復(fù)雜的動畫效果，你也可以使用其他CSS框架來簡化這個過程，或者與其他技術(shù)結(jié)合使用，如JavaScript或SVG，來創(chuàng)建更豐富的動圖效果。