這個功能可能平時並不需要, 但是今天2020年4月4日,為了哀悼抗疫中犧牲的英雄們,很多網站都變成了黑白的,今天就來看看技術上怎么實現
用css3中的filter屬性,可以實現一些像ps中的簡單濾鏡效果:
灰度: grayscale
模糊: blur
對比度: contrast
色相旋轉: hue-rotate
陰影: drop-shadow
實現純黑白效果,只需給html標簽設置樣式 filter: grayscale(100%);
利用hue-rotate可以實現顏色的漸變動畫
drop-shadow可以實現不規則圖形的陰影, 區別於box-shadow
注意點: filter屬性有兼容性問題, ie是不支持的