如果您想嘗試使用CSS3制作一個漂亮的時鐘，那么本文會為您介紹如何使用CSS3來創建一個圓形時鐘。

.clock {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #f1f1f1;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.clock .hand {
	position: absolute;
	width: 2px;
	height: 50%;
	background-color: #000;
	transform-origin: bottom center;
}
.clock .hour {
	transform: rotate(30deg);
}
.clock .minute {
	transform: rotate(180deg);
}
.clock .second {
	transform: rotate(270deg);
	animation: rotation 60s linear infinite;
}
@keyframes rotation {
	from {
transform: rotate(270deg);
	}
to {
transform: rotate(630deg);
	}
}

上面的代碼中，我們首先創建了一個class為clock的div用來包裹整個時鐘，并使用border-radius屬性將其變成一個圓形。接著使用display屬性將其內部的元素彈性布局，并使用position屬性讓內部的指針元素可以繞著中心點進行旋轉。

緊接著，我們為每個指針元素創建一個class，并使用transform屬性來設置它們的旋轉角度。其中，小時指針的旋轉角度為30度，分鐘指針的旋轉角度為180度，而秒針則需要加上一個animation屬性，用于讓它每分鐘繞圓心轉一圈。

通過以上的CSS代碼，我們就可以輕松地創建一個漂亮的CSS3圓形時鐘！