這篇文章主要介紹“css如何設(shè)置圖片透明度使圖片逐漸消失”,在日常操作中,相信很多人在css如何設(shè)置圖片透明度使圖片逐漸消失問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css如何設(shè)置圖片透明度使圖片逐漸消失”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!
創(chuàng)新互聯(lián)公司公司2013年成立,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項目網(wǎng)站設(shè)計制作、成都做網(wǎng)站網(wǎng)站策劃,項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命,1280元鎮(zhèn)雄做網(wǎng)站,已為上家服務(wù),為鎮(zhèn)雄各地企業(yè)和個人服務(wù),聯(lián)系電話:18980820575
css中,可利用“l(fā)inear-gradient()”和“rgba()”函數(shù)來設(shè)置圖片透明度使圖片逐漸消失,語法為“l(fā)inear-gradient(方向,rgba(255,255,255,1),rgba(255,255,255,0));”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎樣設(shè)置圖片透明度使圖片逐漸消失
123 設(shè)置透明度漸變效果的圖片
輸出結(jié)果:
到此,關(guān)于“css如何設(shè)置圖片透明度使圖片逐漸消失”的學習就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
標題名稱:css如何設(shè)置圖片透明度使圖片逐漸消失
文章轉(zhuǎn)載:http://weahome.cn/article/gjhohd.html