CSS3可以用來實現各種各樣驚奇的效果，其中最有趣的之一便是實現水滴效果了。

.drop{
width: 100px;
height: 100px;
background-color: #48C9B0;
border-radius: 50%;
position: relative; 
}
.drop:before{
content: "";
width: 135%;
height: 135%;
background-color: #48C9B0;
border-radius: 50%;
position: absolute;
top: -15%;
left: -15%;
z-index: -1;
}
.drop:after{
content: "";
width: 70%;
height: 70%;
background-color: #fff;
border-radius: 50%;
position: absolute;
top: 20%;
left: 20%;
}

以上便是實現一個水滴的代碼。

首先，為了實現水滴的形狀，我們使用了border-radius: 50%屬性，用來將正方形的邊角圓化，讓它變成一個圓形。

接著，我們利用了偽元素選擇器::before，通過設置它的尺寸、位置和背景色來形成水滴的外殼。

最后，我們再用偽元素選擇器::after來加上一個白色的圓形作為水滴的反光效果。

通過以上的代碼，即可實現一個簡單但有趣的水滴效果。