CSS3氣泡效果是一種非常有趣的設計風格，它給頁面帶來了生動、活潑的視覺效果。下面介紹幾種實現氣泡效果的方法。

/* 方法一：使用:before和:after偽元素實現 */
.bubble:before,
.bubble:after{
content:"";
display:inline-block;
position:absolute;
bottom:100%;
border-style:solid;
border-width:6px;
border-color:transparent;
}
.bubble:before{
left:10px;
border-bottom-color:#D8D8D8;
border-top-width:0;
margin-bottom:-12px;
}
.bubble:after{
left:14px;
border-bottom-color:#FFFFFF;
border-top-width:0;
margin-bottom:-10px;
}
/* 方法二：使用transform: scale()實現 */
.bubble{
display:inline-block;
padding:10px 20px;
background-color:#D8D8D8;
border-radius:50px;
position:relative;
}
.bubble:after{
content:"";
display:block;
position:absolute;
left:50%;
bottom:0;
transform:translateX(-50%) scaleY(0.5) scaleX(2);
width:50px;
height:10px;
border-radius:50%;
background-color:white;
}

以上兩種方法都可以實現氣泡效果，其中第一種方法使用:before和:after偽元素來實現，需要設置元素定位、邊框樣式和寬度等，比較繁瑣；第二種方法使用transform: scale()屬性來實現，代碼比較簡潔，但是需要注意設置transform-origin屬性來達到效果。

總之，根據具體頁面需求選擇實現方式，可以讓頁面更具有趣味性和吸引力。