CSS3網頁時鐘特效是許多網站設計師喜歡使用的一種工具，它不僅能夠提高頁面的美觀程度，還能讓用戶對網站留下深刻的印象。在這里，我們將為您介紹一個常見的CSS3網頁時鐘特效代碼。

.clock {
position: relative;
width: 200px;
height: 200px;
margin: 50px auto;
border-radius: 50%;
overflow: hidden;
background-color: #555;
 }
.hour-hand {
position: absolute;
top: 50%;
left: 50%;
width: 6px;
height: 35%;
margin-left: -3px;
margin-top: -17.5%;
border-radius: 5px 5px 0 0;
transform-origin: bottom center;
background-color: #555;
 }
.minute-hand {
position: absolute;
top: 50%;
left: 50%;
width: 4px;
height: 45%;
margin-left: -2px;
margin-top: -22.5%;
border-radius: 5px;
transform-origin: bottom center;
background-color: #555;
 }
.second-hand {
position: absolute;
top: 50%;
left: 50%;
width: 2px;
height: 50%;
margin-left: -1px;
margin-top: -25%;
transform-origin: bottom center;
background-color: #f00;
 }
.dot {
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
margin-left: -5px;
margin-top: -5px;
border-radius: 50%;
background-color: #fff;
 }

以上代碼分別實現了時鐘的外殼樣式、時針、分針、秒針以及時鐘上的白色園點樣式。在使用時只需要添加相應的html標記即可。