html 測試 左單右單

html 測試 單入單出

html 測試 上入下出

html 測試 左入右出

2018年4月10日 星期二

CSS Filters濾鏡效果

CSS Filters濾鏡效果

CSS Filters濾鏡效果有點像是photoshop的濾鏡功能。透過CSS Filters濾鏡效果我們可以對網頁元素進行渲染。一般情況下、當網頁元素包含子元素時、CSS Filters 會同時對子元素進行渲染。

blur模糊 0px 到100px,的百分比控制
sepia懷舊 0 or 1,1為元素轉換成黑白影像
invert負片 0 or 1,1為元素轉換成負片影像
opacity透明 0 to 1,step 0.1 0為元素轉換成全透明影像
contrast對比 0 to 10, 10為明亮和陰暗部份的大差距
saturate飽和 0 to 10, 10為元素轉換成最大飽和度
brightness亮度 0 to 10, 10為元素轉換成最大亮度度
grayscale灰階 0 to 10, 10為元素轉換成最大灰階度
hue-rotate色相旋轉 0deg – 360deg 旋轉色相環
drop-shadow下拉陰影陰影效果

00

沒有留言:

張貼留言