html圖片透明漸變效果圖(html中圖片背景的透明度如何設(shè)計)
1首先找到要做漸變的圖片,在PS中打開2雙擊左側(cè)顏色框,選出要漸變的顏色3在圖層中點擊圖中圖標,新建一個圖層4點擊左邊的漸變工具5在圖片上拉出要漸變的方向以及大小如果一次沒有拉好,可以直接繼續(xù)。
我們先來看看最終實現(xiàn)的效果圖,分析一下實現(xiàn)的原理首先,原始素材是一張方形的頭像,我們要將它變?yōu)閳A形,則需要用到Sketch Mask的功能然后,要在頭像中實現(xiàn)透明度漸變,則需要將蒙版設(shè)置為Alpha Mask透明蒙版模式。
backgroundurlimgbackindex_22png norepeat 0 225px opacity 02backgroundsize100%quotltdiv 思路是這樣,但看著不對勁,可能是背景顏色的問題,css漸變只能操縱背景顏色,應該操作不了背景圖片。
掃描二維碼推送至手機訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。