CSS 透明特效: opacity

當把滑鼠移到圖案上時會出現透明特效,這是利用了CSS的opacity語法,想要這效果的可以照以下步驟加入語法。

開啟style.css檔後尋找你想要透明的部份,比如說我想要滑鼠在移到附有超連結的圖案上出現此特效的話就這樣加入。

a:hover img{
	opacity: 0.55;
	filter:alpha(opacity=55); /* IE only */
}

數值為 1 代表不透明,所以值越小就越透明,而filter:alpha那段是給IE瀏覽器用的,數值為100代表不透明。

0 0 votes
Article Rating
Subscribe
Notify of
0 Comments
Inline Feedbacks
View all comments