1. 程式人生 > >CSS下拉選單與圖片透明/不透明

CSS下拉選單與圖片透明/不透明

http://www.runoob.com/try/try.php?filename=trycss_dropdown_text

新增箭頭

我們可以用CSS 偽元素 ::after 及 content 屬性為提示工具建立一個小箭頭標誌,箭頭是由邊框組成的,但組合起來後提示工具像個語音資訊框。

以下例項演示瞭如何為顯示在頂部的提示工具新增底部箭頭:

淡入效果

我們可以使用 CSS3 transition 屬性及 opacity 屬性來實現提示工具的淡入效果: