CSS3時鐘刻度怎么畫？其實很簡單，我們通過CSS3的transform和transition屬性，利用偽元素(:before和:after)和盒子模型來完成。

.clock {
position: relative;
width: 200px;
height: 200px;
border-radius: 50%;
border: 10px solid #000;
}
.clock:before {
content: "";
display: block;
position: absolute;
left: 50%;
top: 10px;
width: 2px;
height: 40px;
background: #000;
transform-origin: bottom;
transform: rotate(30deg);
transition: transform 0.5s ease-in-out;
}

代碼解釋：

首先，我們創建一個圓形的時鐘盒子，并設置寬、高、邊框和圓角，做出一個真實的時鐘樣式。

然后，我們利用偽元素:before創建一個條形刻度，用position絕對定位到時鐘盒子的正中央，并且通過left屬性和top屬性使其處于時鐘的頂端，也就是12點鐘位置。設置寬高和背景顏色，用transform屬性將其順時針旋轉，其中transform-origin屬性設置旋轉中心點為條形刻度的底部，使其更加真實。

通過transition屬性，我們可以實現條形刻度的旋轉動畫效果，完成整個時鐘刻度的渲染。