CSS提示效果是網頁設計中常見的一種交互效果，用于在網頁中為用戶提供更加友好的提示消息。本文將介紹兩種常見的CSS提示效果，并通過使用pre標簽展示代碼實現過程。

第一種CSS提示效果是文本框鼠標懸停提示。當用戶將鼠標懸停在文本框上時，會出現小的提示框顯示輸入內容的要求或例子。代碼實現如下：

input:hover + .tip {
visibility: visible;
opacity: 1;
}
.tip {
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
position: absolute;
top: 30px;
left: 0;
background-color: #fff;
padding: 5px;
width: 200px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

第二種CSS提示效果是移動端長按提示。在移動端頁面中，為了提高用戶的使用體驗，我們可以通過CSS效果為用戶提供長按功能的提示，代碼實現如下：

.long-press-tip {
display: none;
position: fixed;
left: 50%;
bottom: 20px;
padding: 8px 16px;
border-radius: 5px;
background-color: rgba(0, 0, 0, 0.8);
color: #fff;
z-index: 9999;
transform: translateX(-50%);
}
.long-press-show .long-press-tip {
display: block;
}

通過以上的兩種示例，可以看到CSS提示效果可以在網站中提供更加友好的交互方式，增強網站的用戶體驗。學習并應用這些效果可以提高你的網站設計技能和創造力，讓你的網站更加美觀和易用。