怎么用CSS修改圖片顏色

小編給大家分享一下怎么用CSS修改圖片顏色，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

創(chuàng)新互聯(lián)建站服務(wù)項目包括金鳳網(wǎng)站建設(shè)、金鳳網(wǎng)站制作、金鳳網(wǎng)頁制作以及金鳳網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，金鳳網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到金鳳省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

原理嘛，其實很簡單的，用到的就是 CSS3 濾鏡filter中的drop-shadow，該濾鏡可以給圖片非透明區(qū)域添加投影。你可以理解為下圖

它實現(xiàn)的效果看上去就像使原來的對象離開頁面，然后在頁面上顯示出該對象的投影。是有一點(diǎn)類似box-shadow，但是二者還是有顯著差別的，我后面會寫一篇專門的文章來比較二者的差別。

先來看一下語法：

filter:drop-shadow(水平陰影偏移距離 垂直陰影偏移距離 投射的陰影顏色 );

我們準(zhǔn)備一張背景色是透明的圖片(圖片尺寸40px X 40px)，

用一個div將該圖片包裹住，給圖片添加

filter: drop-shadow(40px 40px yellow)

這段代碼，代表投射出一個和該圖片一樣的形狀，

三個參數(shù)分別代表：

水平向右移動40px，

垂直向下移動40px，

投射出的形狀顏色為黃色。

效果為

接下來我們稍微更改一下原代碼，將原圖設(shè)置在div外部并隱藏，變色后的投影放置在div中

看完了這篇文章，相信你對“怎么用CSS修改圖片顏色”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

網(wǎng)站欄目：怎么用CSS修改圖片顏色
鏈接URL：http://m.jiaotiyi.com/article/ppchop.html