CSS3中的opacity屬性用來控制HTML元素的透明度。注意,
opacity的取值范圍是0~1,0代表完全透明,1代表完全不透明。
在實際應用中,我們可以利用opacity屬性給HTML元素添加半透明效果,例如:
div { opacity: 0.5; }
上述代碼會使頁面中所有的div元素變成半透明狀態。如果只想給某個特定的HTML元素添加半透明效果,可以使用其選擇器來指定:
#my-elem { opacity: 0.5; }
上述代碼會使id為my-elem的HTML元素變成半透明狀態。請注意,
opacity的作用不只是改變元素的可見性,同時也會影響元素內部的其他內容,包括文字、圖片等,因此要謹慎使用。
總體來說,
opacity是CSS3中非常實用的屬性,能夠為頁面增添更靈活、多樣的效果。