CSS3是一種用于網頁開發中實現特效功能的語言，它可以實現鏡像、漸變和動畫等多種效果。在本篇文章中，我們將講解如何使用CSS3制作一個水晶球的效果。

.crystal-ball {
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 45px #fff, 0 0 25px #fff, 0 0 5px #fff;
position: relative;
overflow: hidden;
}
.crystal-ball:before {
content: "";
position: absolute;
left: 10px;
top: 10px;
width: 180px;
height: 180px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 15px rgba(255, 255, 255, 0.8);
}
.crystal-ball:after {
content: "";
position: absolute;
left: -80px;
top: -80px;
width: 500px;
height: 500px;
border-radius: 50%;
background-color: #c6f0ff;
z-index: -1;
}
.crystal-ball span {
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-size: 30px;
font-weight: bold;
color: #0f1419;
text-shadow: 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 35px #f0f, 0 0 40px #f0f, 0 0 50px #f0f, 0 0 75px #f0f;
}

以上是制作水晶球的CSS3代碼，采用了border-radius、box-shadow、transform等多種屬性，能夠讓水晶球有透明、光影等效果。同時，在水晶球內添加了一個span標簽，內容為Hello world，通過CSS3制作了一個文字光影的效果。

這個水晶球可以用于網頁的裝飾，給人一種神秘、幻彩的感覺，非常適合用于博客、商城等網站的Logo設計。