CSS3懸浮球是一種很酷的交互效果，在頁面中可以實現懸浮球跟隨鼠標移動，點擊懸浮球觸發事件等功能。這種效果在網站設計中很常見，可以增加網站的互動性和用戶體驗。下面是一個簡單的CSS3懸浮球示例：

/* HTML代碼 */
<div class="ball">懸浮球</div>
/* CSS樣式 */
.ball {
width: 50px;
height: 50px;
background-color: #f00;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 50px;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
cursor: pointer;
transition: all .3s ease;
}
.ball:hover {
transform: translate(-50%, -50%) scale(1.2);
box-shadow: 0 0 10px rgba(0,0,0,.5);
}

代碼解釋：

首先是HTML代碼，創建一個class為"ball"的div元素，表示懸浮球的樣式。

接下來是CSS樣式部分，為懸浮球添加各種樣式。其中，width和height表示懸浮球的寬度和高度，background-color表示懸浮球的背景顏色，border-radius表示懸浮球的圓角半徑，text-align和line-height表示懸浮球內部的文字居中和行高，position:fixed;top:50%;left:50%以及transform:translate(-50%,-50%)表示把懸浮球放在頁面中心位置。

添加:hover偽類，當鼠標移動到懸浮球上時觸發的效果。transform:translate(-50%,-50%) scale(1.2)表示在頁面中心位置基礎上縮放1.2倍，box-shadow:0 0 10px rgba(0,0,0,.5)表示懸浮球周圍添加陰影效果。

以上就是CSS3懸浮球的簡單實現，你可以根據自己的需要修改顏色、大小、位置等樣式，以達到更好的效果。