CSS3是網頁設計中不可或缺的一種語言，它可以輕松地實現多種效果。其中，返回頂部功能就是常用的一個效果。在CSS3中，我們可以使用一些技巧來實現一個好看且實用的返回頂部。

/* 定義一個class */
.go-top {
width: 50px;
height: 50px;
position: fixed;
right: 20px;
bottom: 20px;
background-color: #eee;
border-radius: 50%;
text-align: center;
line-height: 50px;
font-size: 20px;
box-shadow: 2px 2px 2px #999;
cursor: pointer;
}
/* 滾動條位置大于等于 100px 時顯示返回頂部按鈕 */
$(document).scroll(function() {
if($(this).scrollTop() >= 100) {
$('.go-top').fadeIn();
} else {
$('.go-top').fadeOut();
}
});
/* 點擊按鈕滾動到頁面頂部 */
$('.go-top').click(function(){
$('html, body').animate({scrollTop: 0}, 500);
return false;
});

以上代碼定義了一個class為go-top的元素，它的樣式包括寬度、高度、背景顏色、位置等等。通過jQuery監聽滾動條的位置，當滾動條位置大于等于100px時讓.go-top元素的顯示效果為漸顯，否則為漸隱。當點擊go-top元素時，使用animate()方法返回頂部，動畫時長為500毫秒。這樣，我們就實現了一個簡單好看的返回頂部功能！