CSS3中可以使用animation屬性來制作一個圓轉(zhuǎn)圈的動畫，下面是一個簡單的示例代碼：
<!DOCTYPE html>
<html>
<head>
<title>CSS3圓轉(zhuǎn)圈動畫</title>
<style>
.circle {
width: 100px;
height: 100px;
border-radius: 50%;
background-color: #333;
position: relative;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div class="circle"></div>
</body>
</html>在這個示例中，我們創(chuàng)建了一個類名為circle的div元素，并使用CSS樣式將其設置為一個圓，我們使用animation屬性來應用一個名為rotate的動畫，該動畫會在2秒內(nèi)將圓從0度旋轉(zhuǎn)到360度，并且會無限次地重復，在@keyframes規(guī)則中，我們定義了動畫的起始狀態(tài)和結(jié)束狀態(tài)。
版權(quán)聲明：除非特別標注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時請以鏈接形式注明文章出處。
