css3 filter屬性,不會ps也沒關係

說到 CSS3 filter，我們們先幾張圖的對比：

很明顯嘛，這不就是 ps 後的效果嘛～其實巧用 CSS3 的 filter 特性就能用一行程式碼實現這些效果！！

filter ?種特效如下：

grayscale 灰度  預設 100%

sepia 褐色(懷舊)  預設 100%

saturate 飽和度  預設 100%

hue-rotate 色相旋轉  預設 0deg

invert 反色(相機底色)  預設 100%

opacity 透明度  預設 100%

brightness 亮度  預設 100%

contrast 對比度  預設 100%

blur 模糊  預設 0px

drop-shadow 陰影  eg:(5px 5px 5px #ccc)複製程式碼

使用方法：

.sepia{
          -webkit-filter: sepia(1);
      }    複製程式碼

介紹到此，大家快來試試吧～～?

參考連結