html 測試 上入 下出

html 測試 單入 單出

html 測試 左右 各一 測試

html 測試 左入右出

尾部連結 hbbb(xx)

onload onscroll onresize

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

沒有留言:

張貼留言