8.背景圖屬性
修改hover背景圖的樣式屬性,打開背景圖的圖層樣式窗口,選擇“描邊”,修改邊框顏色為#004d77;選擇“漸變疊加”,修改漸變從#1671a3到#5baedc,如下圖:
9. 設(shè)置字體樣式
打開字體圖層樣式,選擇“投影”,修改投影顏色為#207aad;選擇“內(nèi)陰影”,修改字體顏色為#0d4f74,如下圖:
10. 圖層半透明
添加圖層半透明效果,按以上步驟修改,鼠標(biāo)懸停背景圖如下,最后是再加上一層半透明層,先添加一個(gè)200px X 40px的白色層,置頂并設(shè)置白色層的透明度為10%,如下圖:
最后,我們完成的CSS sprite背景圖如下,您也可以點(diǎn)擊下載PSD文件。
出處:藍(lán)色理想
責(zé)任編輯:moby
上一頁 jQuery打造動(dòng)態(tài)漸變按鈕 [3] 下一頁 jQuery打造動(dòng)態(tài)漸變按鈕 [5]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評(píng)論。
|