css3濾鏡Filter使用

Filter主要用於圖片,SVG等元素上,其默認值是none,有以下10個filter-function值可選:

  • grayscale(灰度)效果類似於PS中的去色或者黑白
  • blur(模糊)效果類似於PS中的高斯模糊
  • invert(反相)效果類似於PS中的反相
  • opacity(透明度)效果類似於PS中的圖層不透明度
  • saturate(飽和度)效果類似於PS中的飽和度
  • brightness(亮度)效果類似於PS中的亮度
  • contrast(對比度)效果類似於PS中的對比度
  • drop-shadow(陰影)效果類似於PS中的投影
  • sepia(懷舊)效果類似於相機中的老照片濾鏡
  • hue-rotate(色相)效果類似於PS中的色相+旋轉,

 

參考鏈接:https://smohan.net/blog/5zls13

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章