圖像效果及濾鏡參數

圖像效果及濾鏡參數；image filter and effect

左右翻轉
{ -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; }

filter: 瀘鏡	影像變化
/* <filter-function> values */ filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16px 16px 20px blue); filter: grayscale(50%); filter: hue-rotate(90deg); filter: invert(75%); filter: opacity(25%); filter: saturate(30%); filter: sepia(60%); /* Multiple filters */ filter: contrast(175%) brightness(3%);	模糊 亮度  // >100%增加亮度 對比  // >100%增加對比 下拉陰影 灰階 //100%是灰 色相旋轉 負片 透明 飽和 懷舊  //100%是褐色

---

flip（翻轉）:

transform: scaleY(-1); 上下flip。

transform: scaleX(-1); 左右flip。