CSS3是一種用于網頁樣式布局的技術，可以實現各種炫酷的效果。其中，實現氣泡效果是比較常見的一種使用場景。

.pop-up {
position: relative;
display: inline-block;
padding: 10px;
background-color: #ffffff;
border-radius: 50px;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}
.pop-up:before {
content: "";
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #ffffff transparent transparent transparent;
bottom: -10px;
left: 50%;
transform: translateX(-50%);
}

首先，我們創建一個父元素，設置position為relative，這樣我們的氣泡就可以相對于這個元素進行定位。然后，添加一個before偽元素，用來繪制氣泡的三角形部分。其中，我們設置border-style的值為solid，表示實線；border-width的值為10px 10px 0 10px，表示頂部和左右兩側的邊框寬度為10px，底部邊框為0px，即一個等腰直角三角形；border-color的值為#ffffff transparent transparent transparent，表示頂部邊框顏色為白色，左右兩側和底部為透明。

接下來，我們設置before元素的位置，bottom為-10px，即把三角形的底部移動到父元素下方10px的位置；left為50%，即將三角形置于父元素的正中間；最后，使用transform的translateX函數將三角形在水平方向上進行居中。

我們還可以通過在父元素上設置padding、border-radius等樣式，使氣泡效果更加美觀。當然，這個例子只是氣泡效果中的一種，實際上還有很多不同的實現方式，讀者可以根據自己的需求進行更改和定制。