亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

在CSS中為PNG圖像添加陰影

在CSS中為PNG圖像添加陰影

慕碼人2483693 2019-11-05 10:41:46
我有一個PNG圖片,該圖片具有自由格式(非正方形)。我需要對此圖像應用陰影效果。標準方法...-o-box-shadow:      12px 12px 29px #555;-icab-box-shadow:   12px 12px 29px #555;-khtml-box-shadow:  12px 12px 29px #555;-moz-box-shadow:    12px 12px 29px #555;-webkit-box-shadow: 12px 12px 29px #555;box-shadow:         12px 12px 29px #555;...顯示該圖像的陰影,就像一個正方形。因此,我看到了我的圖像和正方形陰影,它沒有遵循對象的形式顯示在圖像中。有什么辦法可以正確地做到這一點嗎?
查看完整描述

3 回答

?
慕容3067478

TA貢獻1773條經驗 獲得超3個贊

如果您要為陰影添加超過100張圖像,建議您使用命令行程序ImageMagick。這樣,您只需鍵入一個命令就可以將定型的陰影應用于100張圖像!例如:


for i in "*.png"; do convert $i '(' +clone -background black -shadow 80x3+3+3 ')' +swap -background none -layers merge +repage "shadow/$i"; done

上面的(shell)命令獲取當前目錄中的每個.png文件,應用下拉陰影,并將結果保存在shadow /目錄中。如果您不喜歡生成的陰影,則可以對參數進行大量調整;否則,請執行以下操作。首先查看有關陰影的文檔,常規用法說明中有許多很酷的示例,可以對圖像進行處理。


如果您以后對投影效果的外觀改變主意-這只是生成具有不同參數的新圖像的命令之一:-)


查看完整回答
反對 回復 2019-11-05
  • 3 回答
  • 0 關注
  • 2142 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號