css的filter屬性 hue-rotate()


今天隨手小練習時看到了一個自己不常使用的css屬性:

CSS3 filter(濾鏡) 屬性

在mdn中形容如下:

filter CSS屬性將模糊或顏色偏移等圖形效果應用於元素。濾鏡通常用於調整圖像,背景和邊框的渲染。

hue-rotate()

hue-rotate()函數在輸入圖像上應用色相旋轉。angle 一值設定圖像會被調整的色環角度值。值為 0deg,則圖像無變化。若值未設置值,默認為 0deg。該值雖然沒有最大值,超過 360deg 的值相當於又繞一圈

效果如圖:
filter: hue-rotate(0deg)
filter: hue-rotate(729deg)

 

 




 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM