CSS3 冒泡提示是一種在網頁中顯示提示信息的方法，常用于鼠標懸停或點擊事件時顯示輔助信息，可以提高用戶體驗。

.tooltip {
position: relative;
display: inline-block;
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1;
}

以上是一個簡單的 CSS3 冒泡提示代碼，注意類名需要在 HTML 模板中對應。

該代碼使用了 position 定位、visibility 控制可見性、opacity 控制透明度、transition 實現動畫過渡等 CSS3 屬性，具有較好的兼容性和可擴展性。

通過修改 tooltip 和 tooltiptext 類的樣式，可以更改提示框的樣式和位置。同時，可以使用 JS 在鼠標懸停或點擊事件時動態添加或移除 tooltip 元素及其子元素，實現自定義提示效果。