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);
      }    複製代碼

介紹到此，你們快來試試吧～～😄

參考連接